<!doctype html>
<html lang="vi">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="robots" content="noindex,nofollow">
<title>Trang đang tạm thời gián đoạn</title>
<style>
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#05070b;color:#fff}
a{color:inherit;text-decoration:none}
button{font:inherit}
.outage-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,7,11,.97) 0%,rgba(5,7,11,.91) 31%,rgba(5,7,11,.66) 52%,rgba(5,7,11,.31) 74%,rgba(5,7,11,.18) 100%),linear-gradient(0deg,rgba(5,7,11,.58),rgba(5,7,11,.18)),url("https://vietpub.com/img/phimchua_landing.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat}
.outage-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 35%,rgba(255,197,74,.10),transparent 32%)}
.outage-main{position:relative;z-index:1;flex:1;display:flex;align-items:center;width:100%;padding:64px clamp(24px,6vw,96px)}
.outage-content{width:min(100%,680px)}
.company-badge{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(10,12,17,.48);backdrop-filter:blur(10px);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.84)}
.outage-title{max-width:660px;margin:22px 0 0;font-size:clamp(44px,5.4vw,78px);line-height:.96;letter-spacing:-.045em;font-weight:900;text-wrap:balance}
.outage-memory{margin:22px 0 0;font-size:clamp(22px,2.25vw,32px);line-height:1.18;font-weight:700;letter-spacing:-.02em;color:rgba(255,255,255,.92)}
.outage-memory strong{color:#ffd166;text-shadow:0 0 30px rgba(255,196,64,.22)}
.outage-desc{max-width:610px;margin:14px 0 0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.70)}
.outage-status{display:inline-flex;align-items:center;gap:9px;margin:20px 0 0;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(9,11,16,.50);color:rgba(255,255,255,.80);font-size:13px;line-height:1.3}
.status-dot{width:8px;height:8px;border-radius:50%;background:#ffd166;box-shadow:0 0 0 0 rgba(255,209,102,.45);animation:statusPulse 1.6s ease-out infinite}
@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(255,209,102,.42)}70%{box-shadow:0 0 0 8px rgba(255,209,102,0)}100%{box-shadow:0 0 0 0 rgba(255,209,102,0)}}
.primary-action{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,620px);margin-top:22px;padding:17px 18px;border:1px solid rgba(255,219,124,.72);border-radius:11px;background:linear-gradient(135deg,#e8a91b 0%,#f5c24a 52%,#d9940b 100%);box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08) inset;color:#111;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,border-color .2s ease}
.primary-action:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 45%);pointer-events:none}
.primary-action:after{content:"";position:absolute;z-index:2;top:-30%;left:-45%;width:28%;height:160%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.60),rgba(255,255,255,0));transform:skewX(-20deg) translateX(-230%);opacity:0}
.primary-action:hover,.primary-action:focus-visible{transform:translateY(-2px);filter:brightness(1.06);border-color:rgba(255,236,181,.96);box-shadow:0 20px 50px rgba(0,0,0,.34),0 0 26px rgba(245,194,74,.26),0 0 0 1px rgba(255,255,255,.12) inset}
.primary-action:hover:after,.primary-action:focus-visible:after{opacity:1;animation:buttonSweep .65s ease-out both}
@keyframes buttonSweep{0%{transform:skewX(-20deg) translateX(-230%)}100%{transform:skewX(-20deg) translateX(640%)}}
.primary-action:focus-visible{outline:3px solid rgba(255,255,255,.88);outline-offset:3px}
.primary-action strong{display:block;font-size:18px;line-height:1.25;font-weight:900;color:#111}
.primary-action span{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:rgba(17,17,17,.74)}
.action-arrow{flex:0 0 auto;margin-top:0!important;font-size:26px!important;line-height:1!important;font-weight:800;color:#111!important}
.domain-reminder{margin:10px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.45}
.domain-reminder strong{color:#fff}
.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;width:min(100%,620px)}
.link-card{display:block;min-height:100px;padding:14px 15px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(14,17,23,.63);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.link-card:hover,.link-card:focus-visible{transform:translateY(-2px);background:rgba(22,26,34,.79);border-color:rgba(255,255,255,.29)}
.link-card:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}
.link-card strong{display:block;font-size:14px;line-height:1.3;color:#fff}
.link-card span{display:block;margin-top:6px;font-size:12px;line-height:1.48;color:rgba(255,255,255,.66)}
.link-card.telegram strong{color:#76c8ff}
.reload-row{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.reload-button{appearance:none;border:1px solid rgba(255,255,255,.20);border-radius:8px;background:rgba(10,12,17,.58);color:#fff;padding:10px 14px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.reload-button:hover,.reload-button:focus-visible{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.35);transform:translateY(-1px)}
.reload-button:focus-visible{outline:2px solid rgba(255,255,255,.82);outline-offset:2px}
.reload-note{font-size:12px;color:rgba(255,255,255,.54)}
.outage-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 24px;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,7,11,.66);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.02em;color:rgba(255,255,255,.52);text-align:center}
@media (max-width:760px){.outage-page{background-image:linear-gradient(180deg,rgba(5,7,11,.77) 0%,rgba(5,7,11,.90) 45%,rgba(5,7,11,.97) 100%),url("https://vietpub.com/img/phimchua_landing.jpg");background-position:center top}.outage-main{align-items:flex-end;padding:48px 20px 30px}.outage-title{font-size:clamp(36px,12vw,54px);margin-top:18px}.outage-memory{font-size:22px}.outage-desc{font-size:14px}.primary-action{width:100%}.secondary-actions{grid-template-columns:1fr;width:100%}.link-card{min-height:0}.reload-row{align-items:flex-start;flex-direction:column}.reload-note{max-width:310px}.company-badge{font-size:10px;letter-spacing:.06em}}
@media (max-width:420px){.outage-main{padding-left:16px;padding-right:16px}.outage-title{font-size:39px}.outage-memory{font-size:20px}.primary-action{padding:15px}.primary-action strong{font-size:16px}.outage-footer{font-size:10px}}
@media (hover:none){.primary-action:hover{transform:none;filter:none}.primary-action:hover:after{animation:none;opacity:0}.link-card:hover,.reload-button:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.status-dot{animation:none}.primary-action,.link-card,.reload-button{transition:none}.primary-action:hover:after,.primary-action:focus-visible:after{animation:none;opacity:0}}
</style>
</head>
<body>
<div class="outage-page">
<main class="outage-main" role="main" aria-labelledby="outage-title">
<section class="outage-content">
<div class="company-badge">18 Cộng Entertainment Network</div>
<h1 class="outage-title" id="outage-title">Trang đang tạm thời gián đoạn</h1>
<p class="outage-memory">Bạn muốn xem phim chùa? Gõ <strong>phimchua.com</strong></p>
<p class="outage-desc">Một số nội dung hiện chưa thể hiển thị. Trang sẽ tự thử lại trong giây lát. Trong lúc chờ, bạn có thể tiếp tục xem phim tại các địa chỉ thuộc 18 Cộng Entertainment Network hoặc theo dõi kênh Telegram để nhận thông tin cập nhật.</p>
<div class="outage-status" role="status" aria-live="polite"><span class="status-dot" aria-hidden="true"></span><span id="retry-status">Đang chuẩn bị thử lại...</span></div>
<a class="primary-action" href="https://phimchua.com/" target="_blank" rel="noopener noreferrer external">
<div><strong>Truy cập PhimChua.com</strong><span>Website xem phim trực tuyến thuộc 18 Cộng Entertainment Network</span></div><span class="action-arrow" aria-hidden="true">→</span>
</a>
<p class="domain-reminder">Muốn vào Phim Chùa nhanh? Chỉ cần nhập trực tiếp <strong>phimchua.com</strong> trên thanh địa chỉ.</p>
<div class="secondary-actions" aria-label="Liên kết được giới thiệu">
<a class="link-card" href="https://phimabc.com/" target="_blank" rel="noopener noreferrer external"><strong>PhimABC.com</strong><span>Website xem phim trực tuyến trong 18 Cộng Entertainment Network, dành cho phim bộ, phim lẻ và nội dung giải trí cập nhật.</span></a>
<a class="link-card telegram" href="https://t.me/thuvientinhduc" target="_blank" rel="noopener noreferrer external"><strong>Telegram • 18 Cộng Entertainment Network</strong><span>Kênh Telegram cập nhật địa chỉ truy cập và các thông báo từ 18 Cộng Entertainment Network.</span></a>
</div>
<div class="reload-row">
<button class="reload-button" id="reload-page" type="button">↻ Thử tải lại trang</button>
<span class="reload-note" id="reload-note">Trang sẽ tự thử lại tối đa 3 lần.</span>
</div>
</section>
</main>
<footer class="outage-footer">© 18 Cộng Entertainment Network • Entertainment &amp; Digital Media Network</footer>
</div>
<script>
(function(){
    "use strict";

    var statusEl=document.getElementById("retry-status");
    var noteEl=document.getElementById("reload-note");
    var reloadButton=document.getElementById("reload-page");
    var targets=["14","15","13"];
    var waitSeconds=5;
    var ttlMs=120000;
    var key="ec18_retry_v3:"+window.location.origin+window.location.pathname+window.location.search;
    var now=Date.now();
    var state={count:0,started:now,updated:now};
    var timer=null;

    function readState(){
        try{
            var raw=window.sessionStorage.getItem(key);
            if(!raw){return;}
            var parsed=JSON.parse(raw);
            if(!parsed||typeof parsed.count!=="number"||typeof parsed.started!=="number"){return;}
            if(now-parsed.started>ttlMs){window.sessionStorage.removeItem(key);return;}
            state=parsed;
        }catch(error){}
    }

    function saveState(){
        try{window.sessionStorage.setItem(key,JSON.stringify(state));}catch(error){}
    }

    function clearRetryCookie(){
        document.cookie="shield_retry=; Max-Age=0; Path=/; SameSite=Lax";
    }

    function setRetryCookie(value){
        document.cookie="shield_retry="+value+"; Max-Age=12; Path=/; SameSite=Lax";
    }

    function showFinished(){
        clearRetryCookie();
        if(statusEl){statusEl.textContent="Trang chưa thể hiển thị nội dung. Bạn có thể thử lại hoặc chọn một địa chỉ bên dưới.";}
        if(noteEl){noteEl.textContent="Đã tự thử lại 3 lần. Trang sẽ không tiếp tục tự tải lại.";}
    }

    function startCountdown(){
        if(state.count>=targets.length){showFinished();return;}

        var attempt=state.count+1;
        var remaining=waitSeconds;

        function paint(){
            if(statusEl){statusEl.textContent="Tự động thử lại sau "+remaining+" giây · Lần "+attempt+"/3";}
        }

        paint();
        timer=window.setInterval(function(){
            remaining-=1;
            if(remaining>0){paint();return;}

            window.clearInterval(timer);
            timer=null;

            if(statusEl){statusEl.textContent="Đang thử lại... · Lần "+attempt+"/3";}

            var target=targets[state.count];
            state.count+=1;
            state.updated=Date.now();
            saveState();
            setRetryCookie(target);
            window.location.reload();
        },1000);
    }

    readState();
    clearRetryCookie();

    if(reloadButton){
        reloadButton.addEventListener("click",function(){
            if(timer){window.clearInterval(timer);timer=null;}
            clearRetryCookie();
            window.location.reload();
        });
    }

    startCountdown();
})();
</script>
</body>
</html>