.xn-page{max-width:1380px;margin:0 auto;padding:0 24px 30px}.xn-sticky{z-index:90;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex;position:static}.xn-nav-btn{border:1px solid var(--border);color:var(--gold);cursor:pointer;background:#0000000d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.xn-nav-btn:hover{background:var(--gold-bg);border-color:var(--border2)}.xn-month-title{color:var(--gold);letter-spacing:1px;text-align:center;flex:1;font-size:16px;font-weight:800}.xn-today-btn{background:var(--gold-bg);border:1px solid var(--border2);color:var(--gold);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 14px;font-size:11px;font-weight:700;transition:all .2s}.xn-today-btn:hover{background:#c9a22740}.xn-layout{grid-template-columns:1fr 420px;align-items:start;gap:24px;padding:20px 0;display:grid}@media (max-width:900px){.xn-layout{grid-template-columns:1fr}}.xn-left-col{flex-direction:column;gap:0;min-width:0;display:flex}.xn-cal-wrap{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.xn-week-hdr{border-bottom:2px solid var(--border);background:#8b69140a;grid-template-columns:repeat(7,1fr);display:grid}.xn-week-label{text-align:center;color:var(--gold);letter-spacing:1px;text-transform:uppercase;padding:10px 0;font-size:11px;font-weight:800}.xn-grid{grid-template-columns:repeat(7,1fr);gap:2px;padding:4px;display:grid}.xn-cell{cursor:pointer;border-bottom:1px solid #0000000d;border-right:1px solid #0000000d;border-radius:6px;flex-direction:column;align-items:center;gap:3px;min-height:82px;padding:8px 6px;transition:all .2s;display:flex;position:relative}.xn-cell:hover{background:#8b69140d}.xn-cell--empty{cursor:default}.xn-cell--empty:hover{background:0 0}.xn-cell--sun .xn-day-num{color:#dc2626}.xn-cell--today{background:#8b691414;border-radius:8px}.xn-cell--today .xn-day-num{color:var(--gold)}.xn-cell--sel{border:none;border-radius:8px;box-shadow:0 2px 10px #8b69144d;background:var(--gold)!important}.xn-cell--sel .xn-day-num{color:#fff!important}.xn-cell--sel .xn-lunar-short{color:#ffffffd9!important}.xn-cell--sel .xn-cell-cz{color:#ffffffb3!important}.xn-cell--sel .xn-cell-dot{border:1px solid #ffffff80}.xn-day-num{color:var(--text);font-size:18px;font-weight:800;line-height:1}.xn-lunar-short{color:#8b6914;white-space:nowrap;font-size:11px;font-weight:700}.xn-cell-tk{color:var(--gold);letter-spacing:.3px;white-space:nowrap;font-size:9px;font-weight:700}.xn-cell-dot{border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.xn-cell-dot--good{background:#22c55e}.xn-cell-dot--bad{background:#ef4444}.xn-cell-note-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:6px}.note-sec{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.xn-cell-cz{color:#6b5d4d;white-space:nowrap;font-size:10px;font-weight:600}@media (max-width:600px){.xn-cell{min-height:58px;padding:5px 3px}.xn-day-num{font-size:14px}.xn-lunar-short{font-size:9px}.xn-cell-cz{font-size:8px}}.xn-right-col-wrap{flex-direction:column;gap:12px;display:flex}.xn-converter{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.xn-converter-title{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.xn-converter-tabs{background:#00000008;border-radius:8px;gap:4px;margin-bottom:10px;padding:3px;display:flex}.xn-cvt-tab{color:var(--text2);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:7px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.xn-cvt-tab.active{background:var(--card);color:var(--gold);box-shadow:0 1px 3px #00000014}.xn-converter-form{gap:6px;margin-bottom:8px;display:flex}.xn-cvt-input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.xn-cvt-input:focus{border-color:var(--gold)}.xn-cvt-btn{border:1px solid var(--border2);background:var(--gold-bg);color:var(--gold);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.xn-cvt-btn:hover{background:var(--gold);color:#fff}.xn-cvt-result{border-left:3px solid var(--gold);background:#8b69140f;border-radius:8px;padding:10px 12px}.xn-cvt-result-label{color:var(--text3);margin-bottom:2px;font-size:10px}.xn-cvt-result-value{color:var(--gold);font-size:14px;font-weight:700}.xn-detail-wrap{background:var(--card);border:1px solid var(--border);border-radius:16px;position:sticky;top:120px;overflow:hidden}.xn-loading{color:var(--text2);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.xn-cal-loading{text-align:center;color:var(--text3);padding:8px;font-size:12px}.xn-spin{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite xn-spin}@keyframes xn-spin{to{transform:rotate(360deg)}}.xn-detail{flex-direction:column;display:flex}.xn-dh{border-bottom:1px solid var(--border);background:#c9a2270f;padding:20px 20px 16px}.xn-dh-solar{align-items:center;gap:14px;margin-bottom:10px;display:flex}.xn-dh-day{color:var(--gold);flex-shrink:0;font-family:Montserrat,sans-serif;font-size:56px;font-weight:900;line-height:1}.xn-dh-right{flex-direction:column;gap:2px;display:flex}.xn-dh-dow{color:var(--text);font-size:14px;font-weight:700}.xn-dh-month{color:var(--text2);font-size:12px}.xn-dh-lunar{color:var(--text2);align-items:center;gap:6px;font-size:12px;display:flex}.xn-dh-lunar-icon{color:var(--gold);font-size:14px}.xn-tietKhi-badge{color:var(--gold);letter-spacing:.5px;background:#c9a22726;border:1px solid #c9a22766;border-radius:20px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.xn-section{border-bottom:1px solid var(--border);padding:14px 20px}.xn-section:last-child{border-bottom:none}.xn-section-label{letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.xn-lbl--yi{color:#4ade80}.xn-lbl--ji{color:#f87171}.xn-section--xung .xn-xung-text{color:var(--text2);font-size:13px}.xn-canzhi-row{gap:0;margin-bottom:10px;display:flex}.xn-cz-item{text-align:center;border-right:1px solid var(--border);flex:1;padding:10px 4px}.xn-cz-item:last-child{border-right:none}.xn-cz-label{color:var(--text3);margin-bottom:4px;font-size:10px}.xn-cz-val{color:var(--gold);font-family:Montserrat,sans-serif;font-size:15px;font-weight:700}.xn-extra-row{flex-wrap:wrap;gap:6px;display:flex}.xn-pill{color:var(--text2);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:11px}.xn-pill-row,.xn-tag-list{flex-wrap:wrap;gap:6px;display:flex}.xn-tag{border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600}.xn-tag--yi{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.xn-tag--ji{color:#f87171;background:#f871711a;border:1px solid #f871714d}.xn-empty{color:var(--text3);font-size:12px;font-style:italic}.xn-dir-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}@media (max-width:500px){.xn-dir-grid{grid-template-columns:repeat(3,1fr)}}.xn-dir-item{text-align:center;border:1px solid var(--border);background:#00000005;border-radius:8px;padding:10px 4px}.xn-dir-arrow{margin-bottom:4px;font-size:16px;line-height:1}.xn-dir-val{color:var(--gold);margin-bottom:2px;font-size:11px;font-weight:700}.xn-dir-label{color:var(--text3);font-size:9px}.xn-bangto-text{color:var(--text2);font-size:12px;font-style:italic;line-height:1.7}.xn-article{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:16px;margin:20px 0 0;padding:28px 32px;line-height:1.8}@media (max-width:700px){.xn-article{padding:24px 20px}}.xn-art-h1{color:var(--text);border-bottom:2px solid #c9a2274d;margin:0 0 16px;padding-bottom:14px;font-size:22px;font-weight:800;line-height:1.4}.xn-art-lead{color:var(--text2);border-left:3px solid var(--gold);background:var(--gold-bg);border-radius:0 10px 10px 0;margin-bottom:28px;padding:14px 18px;font-size:15px;line-height:1.9}.xn-art-h2{color:var(--gold);margin:28px 0 10px;font-size:17px;font-weight:700}.xn-article p{margin:0 0 14px;font-size:14px}.xn-art-ul{flex-direction:column;gap:6px;margin:0 0 16px;padding-left:20px;display:flex}.xn-art-ul li{color:var(--text2);font-size:14px;line-height:1.7}.xn-art-ul li strong{color:var(--text)}.xn-art-table-wrap{margin-bottom:16px;overflow-x:auto}.xn-art-table{border-collapse:collapse;width:100%;font-size:13px}.xn-art-table tr{border-bottom:1px solid var(--border)}.xn-art-table tr:last-child{border-bottom:none}.xn-art-td-name{color:var(--gold);white-space:nowrap;width:80px;padding:8px 14px;font-weight:700}.xn-art-td-desc{color:var(--text2);padding:8px 14px}.xn-art-footer{color:var(--text3);border-top:1px solid var(--border);margin-top:24px;padding-top:16px;font-size:13px;font-style:italic}.xn-section--hd{background:#22c55e0d}.xn-section--hac{background:#f871710d}.xn-lbl--hd{color:#4ade80!important}.xn-lbl--hac{color:#f87171!important}.xn-hour-list{color:var(--text2);font-size:13px;font-weight:500;line-height:1.6}.xn-hour-list--hac{color:var(--text2)}.xn-meta-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:500px){.xn-meta-grid{grid-template-columns:1fr}}.xn-meta-item{border:1px solid var(--border);background:#00000005;border-radius:8px;padding:10px 12px}.xn-meta-label{color:var(--text3);letter-spacing:.8px;margin-bottom:4px;font-size:10px}.xn-meta-val{color:var(--text);font-size:14px;font-weight:700}.xn-meta-val--gold{color:var(--gold)}.xn-than-sat-row{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.xn-ts-lbl{white-space:nowrap;padding-top:4px;font-size:11px;font-weight:700}.xn-ts-lbl--tot{color:#4ade80}.xn-ts-lbl--xau{color:#f87171}.xn-tag--ts-tot{color:#4ade80;background:#4ade8012;border:1px solid #4ade8033;border-radius:6px;padding:3px 9px;font-size:11px}.xn-tag--ts-xau{color:#f87171;background:#f8717112;border:1px solid #f8717133;border-radius:6px;padding:3px 9px;font-size:11px}.xn-chonngay-bar{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:10px 16px;display:flex}.xn-cn-label{color:var(--gold);white-space:nowrap;margin-right:4px;font-size:12px;font-weight:700}.xn-cn-select{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b5d4d'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;min-width:90px;padding:7px 28px 7px 10px;font-family:inherit;font-size:12px}.xn-cn-select:focus{border-color:var(--gold)}.xn-cn-select--wide{flex:1;min-width:140px}.xn-cn-btn{background:var(--gold-bg);color:var(--gold);border:1px solid var(--border2);cursor:pointer;letter-spacing:.3px;white-space:nowrap;border-radius:8px;padding:9px 18px;font-family:Be Vietnam Pro,sans-serif;font-size:11px;font-weight:700;transition:all .2s}.xn-cn-btn:hover{background:var(--gold);color:#fff;transform:translateY(-1px)}@media (max-width:600px){.xn-chonngay-bar{flex-direction:column;align-items:stretch;gap:8px}.xn-cn-label{text-align:center;margin-bottom:4px}.xn-cn-select{width:100%;padding:8px 28px 8px 10px;font-size:12px;min-width:0!important}.xn-cn-select--wide{min-width:0!important}.xn-cn-btn{width:100%;padding:10px 12px;font-size:12px}}.hp-features{padding:40px 0 0}.hp-section-title{color:var(--text);text-align:center;margin-bottom:20px;font-size:20px;font-weight:800}.hp-features-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:768px){.hp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hp-features-grid{grid-template-columns:1fr}}.hp-feature-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:20px 18px;text-decoration:none;transition:all .2s;display:flex}.hp-feature-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.hp-feature-icon{font-size:28px;line-height:1}.hp-feature-name{color:var(--text);font-size:15px;font-weight:700}.hp-feature-desc{color:var(--text2);font-size:12px;line-height:1.6}.hp-articles{padding:40px 0 0}.hp-articles-hdr{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hp-see-all{color:var(--gold);font-size:13px;font-weight:600;text-decoration:none}.hp-see-all:hover{text-decoration:underline}.hp-articles-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:900px){.hp-articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hp-articles-grid{grid-template-columns:1fr}}.hp-article-card{background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s;overflow:hidden}.hp-article-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.hp-article-img{background-position:50%;background-size:cover;height:120px}.hp-article-thumb{justify-content:center;align-items:center;height:120px;font-size:40px;display:flex;position:relative}.hp-article-thumb[data-cat=bat-tu]{background:linear-gradient(135deg,#8b6914,#c9a227)}.hp-article-thumb[data-cat=bat-tu]:before{content:"☰"}.hp-article-thumb[data-cat=phong-thuy]{background:linear-gradient(135deg,#0e7490,#22d3ee)}.hp-article-thumb[data-cat=phong-thuy]:before{content:"🧭"}.hp-article-thumb[data-cat=ngu-hanh]{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.hp-article-thumb[data-cat=ngu-hanh]:before{content:"☯"}.hp-article-thumb[data-cat=lich-am]{background:linear-gradient(135deg,#b45309,#fbbf24)}.hp-article-thumb[data-cat=lich-am]:before{content:"🗓️"}.hp-article-thumb[data-cat=kinh-dich]{background:linear-gradient(135deg,#1e3a5f,#3b82f6)}.hp-article-thumb[data-cat=kinh-dich]:before{content:"☯"}.hp-article-thumb[data-cat=kien-thuc]{background:linear-gradient(135deg,#065f46,#34d399)}.hp-article-thumb[data-cat=kien-thuc]:before{content:"📚"}.hp-article-thumb[data-cat=tin-tuc]{background:linear-gradient(135deg,#6b21a8,#c084fc)}.hp-article-thumb[data-cat=tin-tuc]:before{content:"📰"}.hp-article-thumb:not([data-cat]){background:linear-gradient(135deg,#8b6914,#c9a227)}.hp-article-thumb:not([data-cat]):before{content:"📄"}.hp-article-body{padding:12px 14px}.hp-article-cat{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:700}.hp-article-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.hp-article-summary{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.hp-article-date{color:var(--text3);font-size:10px}.hp-footer{border-top:1px solid var(--border);margin-top:40px;padding:24px 0}.hp-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hp-footer-brand{align-items:center;gap:8px;display:flex}.hp-footer-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hp-footer-links a{color:var(--text2);font-size:12px;text-decoration:none}.hp-footer-links a:hover{color:var(--gold)}