@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#687386;--line:#e7ebf1;--blue:#2457d6;--cyan:#16b8ad;--paper:#f6f8fc}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.02em;font-size:14px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.04em;margin-top:4px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2457d6,#13b8ad);display:grid;place-items:center;color:#fff;font-size:16px;font-weight:800}.nav nav{display:flex;gap:24px;font-size:12px;font-weight:600;color:#536078}.nav nav a:hover,.back:hover{color:var(--blue)}.admin-link{font-size:12px;font-weight:700;color:var(--blue);border:1px solid #dbe4ff;padding:10px 14px;border-radius:9px}.hero{margin:36px 0 54px;background:linear-gradient(110deg,#101e3d,#193d77 68%,#146b78);border-radius:25px;padding:55px 6%;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:340px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--cyan)}.hero h1{font-size:clamp(30px,4.5vw,48px);line-height:1.2;margin:16px 0}.hero h1 em{font-style:normal;color:#70e3d6}.hero p{max-width:490px;color:#d4dfef;font-size:14px;line-height:1.8}.search{display:flex;max-width:470px;margin-top:25px;background:#fff;padding:5px;border-radius:10px}.search input{border:0;outline:0;flex:1;min-width:0;padding:10px;color:var(--ink)}.search button,.primary{border:0;background:var(--blue);color:white;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer}.hero .search button{background:#16a99f}.hero-art{height:230px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:240px;height:180px}.orbit-two{width:310px;height:120px;transform:rotate(35deg)}.hero-play{width:100px;height:100px;border-radius:32px;background:linear-gradient(145deg,#4ed9ca,#2471ce);display:grid;place-items:center;font-size:38px;box-shadow:0 20px 70px #061b4c}.float-tag{position:absolute;background:#fff;color:#23436b;padding:9px 13px;border-radius:8px;font-size:9px;font-weight:800;box-shadow:0 8px 25px #061b4c55}.tag-one{top:18px;left:0}.tag-two{right:0;top:65px}.tag-three{bottom:8px;left:30%}.section-head{display:flex;justify-content:space-between;align-items:end;margin:35px 0 18px}.section-head h2{font-size:25px;margin:8px 0 0}.muted,.meta{color:var(--muted);font-size:11px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:38px}.chips a{border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:11px;font-weight:600}.chips a.active,.chips a:hover{background:#edf3ff;color:var(--blue);border-color:#d5e2ff}.chips small{color:#8490a2}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:65px}.post-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1c31500e}.thumb{height:190px;display:block;position:relative;background:#eaf0f8;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#17345f,#16a99f);color:white;font-weight:800;letter-spacing:.1em;line-height:1.6}.play-badge{position:absolute;bottom:12px;left:12px;background:#14223ddd;color:#fff;border-radius:6px;padding:7px 10px;font-size:9px;font-weight:700}.post-info{padding:17px}.category{font-size:10px;font-weight:800;color:#168e91;text-transform:uppercase;letter-spacing:.08em}.post-info h3{font-size:16px;line-height:1.5;margin:8px 0}.post-info p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px}.meta{border-top:1px solid var(--line);padding-top:12px}.empty{text-align:center;padding:70px 20px;background:var(--paper);border-radius:16px;margin:40px 0}.empty p{color:var(--muted)}footer{border-top:1px solid var(--line);background:#fafbfd}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.article-wrap{max-width:850px;padding:35px 0 70px}.back{display:inline-block;color:var(--blue);font-size:12px;font-weight:700;margin-bottom:22px}.article h1{font-size:clamp(28px,4vw,42px);line-height:1.25;margin:12px 0}.article-meta{color:var(--muted);font-size:11px;margin-bottom:24px}.article-video,.article-cover{width:100%;max-height:600px;object-fit:contain;background:#0b1425;border-radius:14px}.lead{font-size:18px;line-height:1.7;font-weight:600;margin:25px 0}.article-content{font-size:15px;line-height:1.95;color:#344056}.notice{margin-top:35px;background:#f1f6ff;border-left:3px solid var(--blue);padding:15px;font-size:12px;line-height:1.7}.login-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(140deg,#eef3ff,#f7fbfc)}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 20px 70px #1d356015}.login-card h1{font-size:24px;margin:28px 0 22px}.login-card label,.editor label{display:block;font-size:12px;font-weight:700;margin:15px 0}.login-card input,.editor input,.editor textarea,.editor select{display:block;width:100%;margin-top:8px;border:1px solid #dce2ec;border-radius:8px;padding:12px;font:inherit;font-size:13px;background:#fff}.full{width:100%;margin-top:12px}.success,.error{padding:12px;border-radius:8px;font-size:12px;margin:12px 0}.success{background:#eaf8f1;color:#16734a}.error{background:#fff0ef;color:#a52e2e}.admin-body{background:#f6f8fc;min-height:100vh}.admin-top{height:75px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1120px)/2));font-size:12px}.admin-top a:not(.brand){color:var(--blue)}.admin-main{padding:38px 0 70px}.admin-main h1{font-size:30px}.button-link{display:inline-block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stats div,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.stats span{display:block;color:var(--muted);font-size:11px}.stats strong{display:block;font-size:30px;margin-top:10px}.admin-panel{margin:20px 0}.admin-panel h2{margin-top:0}.admin-panel p{font-size:13px;line-height:1.7;color:var(--muted)}.editor{max-width:850px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{background:#f7f9fc;color:#58657b}td a{color:var(--blue);font-weight:700}hr{border:0;border-top:1px solid var(--line);margin:22px 0}
@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding:35px 25px;margin:22px 0 38px}.hero-art{height:180px}.post-grid{grid-template-columns:repeat(2,1fr)}.thumb{height:160px}.section-head h2{font-size:21px}}@media(max-width:520px){.wrap{width:calc(100% - 28px)}.nav{height:68px}.brand{font-size:12px}.brand-mark{width:38px;height:38px}.admin-link{padding:8px}.post-grid{grid-template-columns:1fr;gap:15px}.thumb{height:210px}.hero h1{font-size:32px}.hero-art{transform:scale(.9)}.stats{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr}.admin-top{padding:0 14px}.admin-top .brand{font-size:10px}.footer-inner{gap:10px;flex-wrap:wrap;padding:15px 0}.login-card{padding:24px}}
/* GIAO DIEN CHIA SE BAI VIET */
.share-area {
    margin: 35px 0;
    padding: 24px 0;
}

.share-area h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #182238;
}

.share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.share-buttons a,
.share-buttons button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px 20px;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .2s ease;
}

.share-facebook {
    background: #1877F2;
}

.share-zalo {
    background: #0068FF;
}

.share-copy {
    background: #10A99A;
}

.share-buttons a:hover,
.share-buttons button:hover {
    opacity: .85;
}

#copyMessage {
    margin-top: 12px;
    color: #109477;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 600px) {
    .share-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .share-buttons a,
    .share-buttons button {
        width: 100%;
        box-sizing: border-box;
    }
}