*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,微软雅黑,sans-serif}
body{background:#0f1419;color:#eef1f5;padding:15px}
.container{max-width:1200px;margin:0 auto}

/* 头部样式 */
.head-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
h1{color:#fff;font-size:28px}
.admin-entry{background:#2563eb;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:14px}

/* 视频列表 */
.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.video-item{display:block;background:#1e2936;border-radius:12px;padding:20px;text-decoration:none;transition:all 0.3s ease;border:1px solid #334155}
.video-item:hover{transform:translateY(-5px);border-color:#2563eb;box-shadow:0 8px 24px rgba(37,99,235,0.2)}
.video-title{color:#fff;font-size:18px;margin-bottom:12px}
.play-data{display:flex;gap:15px;margin-bottom:12px}
.play-data span{font-size:14px;padding:4px 10px;border-radius:20px}
.total{background:rgba(239,68,68,0.2);color:#f87171}
.day{background:rgba(59,130,246,0.2);color:#60a5fa}
.video-desc{color:#94a3b8;font-size:14px;line-height:1.6}

/* 播放页样式 */
.back-btn{display:inline-block;color:#60a5fa;text-decoration:none;margin:15px 0}
.play-title{font-size:24px;text-align:center;margin:20px 0}
.play-data-box{display:flex;justify-content:center;gap:30px;margin-bottom:20px}
.play-data-box span{font-size:16px;color:#fbbf24}
.player-box{width:100%;border-radius:12px;overflow:hidden;background:#000;margin-bottom:30px}
video{width:100%;display:block;max-height:80vh}
.video-intro{background:#1e2936;border-radius:12px;padding:25px}
.video-intro h3{color:#fff;margin-bottom:15px;font-size:18px}
.video-intro p{color:#cbd5e1;line-height:1.8;font-size:15px}

/* 后台样式 */
.admin-login-body{display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-box{background:#1e2936;padding:40px;border-radius:12px;width:100%;max-width:400px}
.login-box h2{text-align:center;margin-bottom:25px;color:#fff}
.login-box input{width:100%;padding:12px;border-radius:6px;border:none;margin-bottom:20px;background:#334155;color:#fff}
.login-btn{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}
.err{color:#f87171;text-align:center;margin-bottom:15px}

.admin-body{background:#0f1419}
.admin-container{max-width:1000px;margin:0 auto}
.admin-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0}
.logout-btn{color:#f87171;text-decoration:none}
.success-msg{background:rgba(16,185,129,0.2);color:#10b981;padding:12px;border-radius:6px;text-align:center;margin-bottom:20px}
.admin-card{background:#1e2936;border-radius:12px;padding:25px;margin-bottom:25px}
.admin-card h3{margin-bottom:20px;color:#fff}
.admin-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}
.form-item{display:flex;flex-direction:column;gap:6px}
.form-row{display:flex;gap:15px}
.form-row .form-item{flex:1}
.admin-form input,.admin-form textarea{padding:12px;border-radius:6px;border:none;background:#334155;color:#fff;font-size:14px}
.admin-form textarea{min-height:100px;resize:vertical}
.submit-btn,.save-btn{padding:12px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}
.del-btn{padding:12px;background:#dc2626;color:#fff;border:none;border-radius:6px;text-decoration:none;text-align:center}
.form-btn-group{display:flex;gap:15px;margin-top:10px}
.admin-hr{border:none;height:1px;background:#334155;margin:30px 0}