.thong-bao-container{display:flex;align-items:flex-start;background:linear-gradient(135deg,#fff4e5 0%,#ffe3c2 100%);border-left:6px solid #ff7043;padding:20px;margin:20px 0;border-radius:12px;box-shadow:0 4px 15px rgb(255 112 67 / .15);max-width:100%;transition:all 0.3s ease}.thong-bao-icon{margin-right:20px;flex-shrink:0}.thong-bao-icon img{width:40px;height:40px;filter:drop-shadow(0 2px 4px rgb(255 61 0 / .3))}.thong-bao-content{flex:1}.thong-bao-title{color:#d84315;font-weight:700;margin:0 0 10px;font-size:1.25rem;text-transform:uppercase;letter-spacing:.5px}.thong-bao-text{margin:0 0 10px 0;color:#4e342e;line-height:1.6;font-size:.95rem}.thong-bao-text:last-child{margin-bottom:0}#video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff0;z-index:9999;pointer-events:none}#interaction-blocker{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .85);backdrop-filter:blur(5px);z-index:100000!important;display:none;pointer-events:auto}#watermark{position:absolute;color:rgb(255 255 255 / .4);font-size:16px;font-family:'Inter',Arial,sans-serif;z-index:9998;pointer-events:none;user-select:none;transition:top 2s ease-in-out,left 2s ease-in-out,opacity 1s ease-in-out}.nguyenlan-info-giaitri{background:#fff;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 4px 20px rgb(0 0 0 / .05);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px}.nguyenlan-info-giaitri .tengiaitrihientai h1{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.4}.nguyenlan-info-giaitri .chise{display:flex;align-items:center;gap:15px}.nguyenlan-info-giaitri .text-chiase{font-weight:600;color:#555;font-size:.95rem}.nguyenlan-info-giaitri .iconchiase{display:flex;gap:10px}.nguyenlan-info-giaitri .iconchiase a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f5f5f5;transition:all 0.3s ease}.nguyenlan-info-giaitri .iconchiase a:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgb(0 0 0 / .1)}.sharelinkfacebook a:hover{background:#e3f2fd!important}.sharelinkzalo a:hover{background:#e8f5e9!important}.sharelink a:hover{background:#fff3e0!important}.video-description-section{background:#fff;border-radius:12px;padding:25px;margin-top:25px;box-shadow:0 4px 20px rgb(0 0 0 / .05);width:100%}.video-description-section .video-title{font-size:1.25rem;font-weight:700;margin-bottom:15px;color:#1a1a1a;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.video-description-section .videodescription{font-size:1rem;line-height:1.7;color:#444}.demo-button-container{margin-top:25px;text-align:center}.demo-button{display:inline-block;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);color:#ffffff!important;padding:12px 30px;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(37 99 235 / .3)}.demo-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(37 99 235 / .5);background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%)}.bgnentrang.danhsachbh{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px rgb(0 0 0 / .05)}.danhsachbaihat{list-style:none;padding:0;margin:0}.danhsachbaihat li{margin-bottom:15px;transition:all 0.3s ease}.danhsachbaihat li a{display:flex;align-items:center;padding:10px;border-radius:8px;text-decoration:none;color:#333;transition:background 0.3s ease}.danhsachbaihat li:hover a{background:#f8f9fa;box-shadow:0 2px 8px rgb(0 0 0 / .05)}.danhsachbaihat li.hientai a{background:#fff3e0;border-left:4px solid #ff9800}.hoathinh-vuinhon{display:flex;gap:15px;width:100%}.hoathinh-vuinhon .hinhdaidien{width:100px;height:70px;border-radius:8px;overflow:hidden;flex-shrink:0}.hoathinh-vuinhon .hinhdaidien img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.danhsachbaihat li:hover .hinhdaidien img{transform:scale(1.1)}.tenvathoigian{display:flex;flex-direction:column;justify-content:center;flex:1}.tenvathoigian .tenbai{font-weight:600;font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}.tenvathoigian .thoigianbai{font-size:.8rem;color:#888}.iconvaten{display:flex;align-items:center;gap:10px;flex:1}.nuthocthu{margin-top:20px;width:100%;border-radius:8px;font-weight:600}.anthoi{display:none!important}.danhsachgame .tieude.text-center{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:40px 0 25px;text-transform:uppercase;position:relative;padding-bottom:15px}.danhsachgame .tieude.text-center::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#f97316,#ea580c);border-radius:3px}.giaitri-page{background-color:#f8fafc!important;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1e293b}.giaitri-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#090e17 0%,#0f172a 50%,#1e1b4b 100%);padding:70px 20px 80px;margin-bottom:40px;text-align:center;border-bottom:1px solid rgb(255 255 255 / .08)}.giaitri-hero-bg-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px)}.giaitri-hero-bg-glow.glow-1{top:-40%;left:-10%;width:500px;height:500px;background:rgb(14 165 233 / .18)}.giaitri-hero-bg-glow.glow-2{bottom:-40%;right:-10%;width:550px;height:550px;background:rgb(99 102 241 / .2)}.giaitri-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 20px;border-radius:9999px;border:1px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#e2e8f0;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:22px;box-shadow:0 4px 20px rgb(0 0 0 / .2)}.giaitri-hero-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8;animation:giaitriPulse 2s infinite}@keyframes giaitriPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.giaitri-hero-title{font-size:42px!important;font-weight:900!important;color:#ffffff!important;margin:0 0 18px!important;letter-spacing:-0.02em!important;line-height:1.2!important}.giaitri-hero-title .text-gradient{background:linear-gradient(90deg,#38bdf8 0%,#818cf8 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.giaitri-hero-subtitle{color:#94a3b8!important;font-size:17px!important;max-width:680px;margin:0 auto!important;line-height:1.65!important;font-weight:400!important}.giaitri-toolbar{background:#ffffff!important;border-radius:14px!important;padding:16px 24px!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 20px -2px rgb(0 0 0 / .04)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:35px!important}.giaitri-breadcrumb{font-size:14px!important;font-weight:600!important;color:#64748b!important}.giaitri-breadcrumb nav{margin:0!important;padding:0!important}.giaitri-breadcrumb a{color:#64748b!important;text-decoration:none!important;transition:color 0.2s ease!important}.giaitri-breadcrumb a:hover{color:#0284c7!important}.giaitri-status{display:flex!important;align-items:center!important;gap:8px!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;padding:6px 15px!important;border-radius:9999px!important}.giaitri-status .status-pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:giaitriPulse 1.5s infinite}.giaitri-status .status-text{font-size:11px!important;font-weight:800!important;color:#15803d!important;text-transform:uppercase!important;letter-spacing:0.08em!important}.giaitri-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;margin-bottom:40px!important;padding:0!important;width:100%!important}.giaitri-item{display:flex!important;width:100%!important;animation:giaitriFadeIn 0.6s cubic-bezier(.16,1,.3,1) forwards}@keyframes giaitriFadeIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.giaitri-card{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;background:#ffffff!important;border-radius:16px!important;overflow:hidden!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 18px rgb(0 0 0 / .04)!important;transition:all 0.35s cubic-bezier(.16,1,.3,1)!important;text-decoration:none!important;color:inherit!important;position:relative!important}.giaitri-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 38px -10px rgb(15 23 42 / .12)!important;border-color:#cbd5e1!important}.giaitri-thumb-wrap{position:relative!important;width:100%!important;aspect-ratio:16 / 9!important;height:auto!important;min-height:180px!important;overflow:hidden!important;background:#0f172a!important}.giaitri-thumb-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform 0.5s ease!important}.giaitri-card:hover .giaitri-thumb-img{transform:scale(1.06)!important}.giaitri-thumb-placeholder{width:100%!important;height:100%!important;min-height:180px!important;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important}.placeholder-icon-wrap{width:50px;height:50px;border-radius:50%;background:rgb(255 255 255 / .08);display:flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .12)}.placeholder-icon{width:24px;height:24px;color:#38bdf8}.placeholder-text{font-size:11px!important;font-weight:700!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:0.12em!important}.giaitri-thumb-overlay{position:absolute!important;inset:0!important;background:linear-gradient(180deg,#fff0 35%,rgb(15 23 42 / .75) 100%)!important;pointer-events:none!important;transition:opacity 0.3s ease!important}.giaitri-play-btn{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:52px!important;height:52px!important;border-radius:50%!important;background:rgb(255 255 255 / .9)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 24px rgb(0 0 0 / .3)!important;transition:all 0.3s cubic-bezier(.16,1,.3,1)!important;z-index:5!important;border:1px solid rgb(255 255 255 / .6)!important}.giaitri-play-btn .play-svg{width:22px!important;height:22px!important;color:#0284c7!important;margin-left:2px!important;transition:all 0.3s ease!important}.giaitri-card:hover .giaitri-play-btn{background:#0284c7!important;border-color:#0284c7!important;transform:translate(-50%,-50%) scale(1.15)!important;box-shadow:0 0 28px rgb(2 132 199 / .6)!important}.giaitri-card:hover .giaitri-play-btn .play-svg{color:#ffffff!important;transform:scale(1.08)!important}.giaitri-badge-top{position:absolute!important;top:12px!important;left:12px!important;z-index:5!important}.giaitri-badge-top .badge-tag{display:inline-block!important;padding:4px 10px!important;background:rgb(15 23 42 / .65)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;border:1px solid rgb(255 255 255 / .2)!important;border-radius:6px!important;color:#ffffff!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:0.1em!important}.giaitri-thumb-meta{position:absolute!important;bottom:10px!important;left:12px!important;right:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#ffffff!important;z-index:5!important}.meta-views{display:flex!important;align-items:center!important;gap:5px!important;background:rgb(0 0 0 / .55)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;padding:3px 8px!important;border-radius:6px!important;font-size:11px!important;font-weight:600!important;color:#e2e8f0!important}.meta-views .meta-icon{width:13px!important;height:13px!important;color:#38bdf8!important}.meta-duration{background:rgb(0 0 0 / .7)!important;padding:3px 8px!important;border-radius:6px!important;font-size:11px!important;font-weight:700!important;letter-spacing:0.05em!important;color:#ffffff!important}.giaitri-card-body{padding:20px!important;display:flex!important;flex-direction:column!important;flex-grow:1!important;justify-content:space-between!important;background:#ffffff!important}.giaitri-card-title{font-size:15px!important;font-weight:700!important;line-height:1.5!important;color:#0f172a!important;margin:0 0 16px 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:45px!important;transition:color 0.2s ease!important}.giaitri-card:hover .giaitri-card-title{color:#0284c7!important}.giaitri-card-footer{border-top:1px solid #f1f5f9!important;padding-top:14px!important;margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.giaitri-date{display:flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;font-weight:600!important;color:#64748b!important;letter-spacing:0.02em!important}.giaitri-date .date-icon{width:14px!important;height:14px!important;color:#94a3b8!important}.giaitri-card-arrow{width:32px!important;height:32px!important;border-radius:50%!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#94a3b8!important;transition:all 0.25s ease!important}.giaitri-card-arrow .arrow-svg{width:15px!important;height:15px!important}.giaitri-card:hover .giaitri-card-arrow{background:#0284c7!important;color:#ffffff!important;transform:translateX(3px)!important}.giaitri-loadmore-wrap{text-align:center!important;margin:50px auto 25px!important}.giaitri-loadmore-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:14px 44px!important;border-radius:9999px!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;color:#ffffff!important;font-size:14px!important;font-weight:800!important;letter-spacing:0.08em!important;text-transform:uppercase!important;border:none!important;cursor:pointer!important;box-shadow:0 10px 25px -5px rgb(2 132 199 / .45)!important;transition:all 0.3s cubic-bezier(.16,1,.3,1)!important;outline:none!important;white-space:nowrap!important}.giaitri-loadmore-btn:hover{transform:translateY(-3px)!important;box-shadow:0 16px 32px -5px rgb(2 132 199 / .6)!important;background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%)!important}.giaitri-loadmore-btn:active{transform:translateY(-1px) scale(.98)!important}.giaitri-loadmore-btn .btn-arrow-icon{width:18px!important;height:18px!important;transition:transform 0.3s ease!important}.giaitri-loadmore-btn:hover .btn-arrow-icon{transform:translateY(3px)!important}.giaitri-loading-indicator{display:none;align-items:center;justify-content:center;gap:10px;margin:30px auto;padding:12px 28px;border-radius:9999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgb(0 0 0 / .06);width:max-content;font-size:14px;font-weight:700;color:#0284c7}.giaitri-loading-indicator.active,.giaitri-loading-indicator[style*="display: block"],.giaitri-loading-indicator[style*="display: flex"]{display:flex!important}.giaitri-loading-indicator .loading-spin{width:20px!important;height:20px!important;animation:giaitriSpin 1s linear infinite!important}@keyframes giaitriSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.giaitri-empty{grid-column:1 / -1!important;text-align:center!important;padding:60px 20px!important;background:#ffffff!important;border-radius:16px!important;border:1px solid #e2e8f0!important;color:#64748b!important;font-size:16px!important;font-weight:500!important}@media (max-width:1200px){.giaitri-grid{grid-template-columns:repeat(3,1fr)!important;gap:20px!important}.giaitri-hero-title{font-size:34px!important}}@media (max-width:850px){.giaitri-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.giaitri-hero{padding:50px 16px 60px!important}.giaitri-hero-title{font-size:28px!important}.giaitri-hero-subtitle{font-size:15px!important}.giaitri-card-body{padding:16px!important}}@media (max-width:520px){.giaitri-grid{grid-template-columns:1fr!important;gap:16px!important}.giaitri-hero-title{font-size:24px!important}.giaitri-toolbar{flex-direction:column!important;align-items:flex-start!important;padding:14px 18px!important}.giaitri-loadmore-btn{width:100%!important;padding:14px 20px!important}}