.detail-container .breadcrumb-box {list-style: none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:14px;color:#6b7280;}
.detail-container .breadcrumb-box li:not(:last-child)::after {content:"/";margin-left:8px;color:#d1d5db;}
.detail-container .breadcrumb-box a {color:#3b82f6;text-decoration:none;transition:color 0.2s;}
.detail-container .breadcrumb-box a:hover {color:#2563eb;text-decoration:underline;}
.detail-container .game-info-header {display:flex;gap:24px;margin-bottom:5px;flex-direction:column;}
.detail-container .game-basic-info {flex-grow:1;}
.detail-container .game-title-detail {font-size:28px;font-weight:700;margin:0 0 12px 0;color:#1f2937;line-height:1.2;}
.detail-container .game-meta-detail {display:flex;align-items:center;gap:30px;margin-bottom:20px;}
.detail-container .game-rating-detail,.detail-container .game-views-detail {display:flex;align-items:center;gap:6px;font-size:16px;color:#4b5563;}
.detail-container .game-player-container {position:relative;width:100%;height: 500px;margin-bottom:30px;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);background-size:cover;background-position:center;}
.detail-container .game-player-placeholder {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.7);color:white;transition:opacity 0.3s;}
.detail-container .game-player-placeholder h3 {font-size:28px;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,0.5);}
.detail-container .play-button {display:inline-flex;align-items:center;gap:8px;padding:15px 35px;background:linear-gradient(to right,#3b82f6,#2563eb);color:white;border:none;border-radius:50px;font-size:20px;font-weight:600;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 6px -1px rgba(0,0,0,0.2);animation:pulse 2s infinite;}
.detail-container .play-button:hover {transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.3);opacity: 0.85;}
.detail-container .play-button:active {transform:translateY(0);}
.detail-container .fullscreen-toggle {position:absolute;top:16px;right:16px;z-index:1000;background:rgba(0,0,0,0.6);border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;}
.detail-container .fullscreen-toggle:hover {background:rgba(0,0,0,0.8);}
.detail-container .fullscreen-toggle svg {color:white;width:20px;height:20px;}
.detail-container .game-iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:995;}
.detail-container .game-description-detail {background-color:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);margin-bottom:25px;}
.detail-container .game-description-detail h3 {font-size:20px;margin:0 0 16px 0;color:#1f2937;font-weight:600;}
.detail-container .game-description-text {line-height:1.6;color:#4b5563;}
.about-game-title{margin-bottom: 15px;}

@keyframes pulse {
  0% {transform:scale(1);}
50% {transform:scale(1.05);}
100% {transform:scale(1);}
}

@media (min-width:769px) {
  .detail-container .game-info-header {flex-direction:row;}
}

@media (max-width:768px) {
  .detail-container .game-player-container{height: 460px;}
  .detail-container .game-player-container{border-radius: 0;}
}



:root { --primary-color: #6366f1; --primary-hover: #8b5cf6; --text-color: #333; --light-gray: #f5f5f5; --medium-gray: #e0e0e0; --dark-gray: #888; --success-color: #67c23a; --error-color: #f56c6c; --shadow: 0 10px 30px rgba(0, 0, 0, 0.08); --border-radius: 12px; }
.comment-container {margin:0 auto 25px;}
.comment-card {background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden;}
.comment-form {position:relative;z-index:2;}
.comment-title{margin-bottom: 15px;}
.comment-form-group {margin-bottom:24px;position:relative;}
.comment-label {display:block;margin-bottom:8px;font-weight:600;color:#444;display:flex;align-items:center;}
.comment-label-icon {width:20px;height:20px;margin-right:8px;fill:var(--primary-color);}
.comment-input,.comment-textarea {width:100%;padding:16px;border:2px solid var(--medium-gray);border-radius:var(--border-radius);font-size:16px;transition:all 0.3s ease;background:var(--light-gray);}
.comment-input:focus,.comment-textarea:focus {outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,0.2);background:white;}
.comment-textarea {min-height:120px;resize:vertical;}
.comment-button {max-width: 800px;margin: 0 auto; background:linear-gradient(to right,var(--primary-color),var(--primary-hover));color:white;border:none;padding:12px 28px;border-radius:var(--border-radius);cursor:pointer;font-size:18px;font-weight:600;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 4px 6px rgba(52,152,219,0.2);}
.comment-button:hover {transform:translateY(-2px);box-shadow:0 6px 12px rgba(52,152,219,0.3);}
.comment-button:active {transform:translateY(0);}
.comment-submit-icon {width:20px;height:20px;margin-right:10px;fill:white;}
.comment-message {position:fixed;top:85px;left:50%;transform:translateX(-50%);background:white;padding:16px 24px;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);display:flex;align-items:center;z-index:10000;opacity:0;transition:opacity 0.3s,transform 0.4s;pointer-events:none;}
.comment-message.success {border-left:4px solid var(--success-color);opacity:1;transform:translateX(-50%) translateY(10px);}
.comment-message-icon {width:20px;height:20px;margin-right:12px;fill:var(--success-color);}
.comment-message-content {font-size:16px;color:#606266;}
.comment-decorative-circle {position:absolute;border-radius:50%;background:rgba(52,152,219,0.1);z-index:1;}
.comment-circle-1 {width:120px;height:120px;top:-40px;right:-40px;}
.comment-circle-2 {width:80px;height:80px;bottom:-20px;left:-20px;}
@media (max-width:1200px) {.comment-container {max-width:960px;}
;}
@media (max-width:992px) {.comment-container {max-width:720px;}
;}
@media (max-width:768px) {.comment-card {padding:30px 20px;}
.comment-title {font-size:1.8rem;}
.comment-input,.comment-textarea,.comment-button {padding:14px;}
.comment-message { width: 90%;top:15px; }
;}