<data:blog.pageTitle/>

li{position:relative} .menu>li>a{border-radius:8px;color:var(--text);display:block;padding:12px 14px} .menu>li>a:hover{background:rgba(110,193,228,.15)} .menu li .dropdown{background:var(--white);border-radius:10px;box-shadow:var(--shadow);left:0;min-width:220px;opacity:0;position:absolute;top:100%;transform:translateY(6px);transition:.2s;visibility:hidden} .menu li:hover>.dropdown{opacity:1;transform:translateY(0);visibility:visible} .dropdown ul{list-style:none;margin:8px;padding:8px} .dropdown ul li a{border-radius:8px;color:var(--muted);display:block;padding:10px} .dropdown ul li a:hover{background:rgba(255,109,168,.12);color:var(--text)} .dropdown.mega{min-width:720px;padding:16px} .dropdown.mega .grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)} .tag{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:6px 10px} .tag-blue{background:rgba(110,193,228,.15);color:var(--blue)} .tag-pink{background:rgba(255,109,168,.15);color:var(--pink)} .hero{background:linear-gradient(135deg,rgba(110,193,228,.18),rgba(255,109,168,.18));border-radius:16px;margin:16px 0;padding:28px 0} .hero .grid{display:grid;gap:20px;grid-template-columns:2fr 1fr} .card{background:var(--white);border-radius:16px;box-shadow:var(--shadow);overflow:hidden} .card .content{padding:16px} .grid-main{display:grid;gap:20px;grid-template-columns:2fr 1fr} .post-list .post-item{border-bottom:1px solid #e5e7eb;display:grid;gap:14px;grid-template-columns:140px 1fr;padding:12px} .post-list .post-item .meta{color:var(--muted);font-size:12px} .sidebar .widget{background:var(--white);border-radius:16px;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden} .widget .title{border-bottom:1px solid #e5e7eb;font-weight:700;padding:12px 16px} .widget .inner{padding:12px 16px} .labels a{background:rgba(110,193,228,.15);border-radius:999px;color:var(--blue);display:inline-block;font-size:13px;margin:6px 8px 0 0;padding:8px 10px} .popular .item{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:10px 0} .popular .thumb{background:#f1f5f9;border-radius:10px;height:72px;overflow:hidden;width:72px} .footer{background:var(--white);border-top:1px solid #e5e7eb;margin-top:24px} .footer .wrap{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:24px 0} .copyright{border-top:1px solid #e5e7eb;color:var(--muted);padding:14px 0} @media(max-width:992px){.hero .grid,.grid-main{grid-template-columns:1fr}} @media(max-width:768px){.menu{display:none}.menu-toggle{display:inline-block}.nav-open .menu{display:flex;flex-direction:column;width:100%}.dropdown,.dropdown.mega{box-shadow:none;opacity:1;padding:0;position:static;transform:none;visibility:visible}.dropdown.mega .grid{grid-template-columns:1fr}} ]]>