*,*:before,*:after{box-sizing:border-box}html{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#1f2937;background:#fafafa url('data:image/svg+xml,%3Csvg width="28" height="28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"%3E%3Cg fill="%23f1f5f9" fill-opacity="1"%3E%3Ccircle cx="1" cy="1" r="1"/%3E%3C/g%3E%3C/svg%3E') repeat;position:relative;font-size:15px}@media(max-width:640px){body{font-size:16px}}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:16px;width:100%;box-sizing:border-box}@media(max-width:768px){.container{padding:12px;width:100%;max-width:100%;box-sizing:border-box}}.shadow-sm{box-shadow:0 1px 2px #0000000f,0 1px 1px #0000000a}.shadow{box-shadow:0 10px 15px #00000014,0 4px 6px #0000000f}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.card{background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000f}.muted{color:#6b7280}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f3f4f6;font-size:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#67c23a;color:#fff;border:0;cursor:pointer}.btn.secondary{background:#e5e7eb;color:#111827}.btn.icon{padding:8px}header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:20;width:100%;margin:0;padding:0}.header-container{display:flex;align-items:center;gap:16px;padding:10px 16px;flex-wrap:wrap;justify-content:space-between;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.header-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-chip{background:#f0f9eb;color:#67c23a;border:1px solid #c2e7b0;font-weight:700;white-space:nowrap}.header-chip-icon{font-size:18px}.header-subtitle{font-size:12px;white-space:nowrap}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:#374151;align-items:center;justify-content:center}.nav{display:flex;align-items:center;gap:12px;margin-left:auto;position:relative}.nav a{display:flex;align-items:center;gap:6px;font-size:14px;padding:8px 10px;border-radius:8px;white-space:nowrap}.nav a:hover{background:#f3f4f6}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:6px;font-size:14px;padding:8px 10px;border-radius:8px;cursor:pointer}.nav-dropdown-toggle:hover{background:#f3f4f6}.nav-dropdown-toggle.active{background:#dbeafe;border:1px solid #3b82f6}.dropdown-arrow{font-size:10px;transition:transform .2s}.nav-dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:280px;max-width:calc(100vw - 32px);z-index:1000;display:none;border:1px solid #e5e7eb;overflow:hidden;box-sizing:border-box}.nav-dropdown-menu.show{display:block}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#67c23a;color:#fff;border-bottom:1px solid #059669}.dropdown-year{font-weight:700;font-size:16px}.year-nav{color:#fff;text-decoration:none;padding:4px 8px;border-radius:4px;transition:background .2s;font-size:14px}.year-nav:hover{background:#fff3}.dropdown-months{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:8px}.dropdown-month-item{display:block;padding:12px 8px;text-align:center;color:#111827;text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s}.dropdown-month-item:hover{background:#f0fdf4;color:#67c23a;transform:translateY(-1px)}.dropdown-years{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:8px;max-height:400px;overflow-y:auto}.dropdown-year-item{display:block;padding:12px 8px;text-align:center;color:#111827;text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s}.dropdown-year-item:hover{background:#f0fdf4;color:#67c23a;transform:translateY(-1px)}.grid{display:grid;grid-template-columns:1.1fr 2fr;gap:20px;margin-top:18px;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:1024px){.grid{grid-template-columns:1fr;gap:16px}}.panel{padding:18px}.panel h2{margin:0 0 6px;font-size:26px}.panel .sub{font-size:14px;color:#6b7280}.date-hero{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;gap:8px;margin-top:14px;width:100%;max-width:100%}@media(max-width:640px){.date-hero{grid-template-columns:1fr auto 1fr;gap:12px;width:100%;max-width:100%;box-sizing:border-box;align-items:center;padding:16px 0;min-height:140px}.zodiac{margin:0;width:90px;height:90px;max-width:90px;flex-shrink:0}.date-col{width:100%;max-width:100%;box-sizing:border-box;padding:8px 0}}.date-col{text-align:center}.date-col .label{font-size:14px;font-weight:600;color:#a16207;letter-spacing:.2px}.date-col.am .label{color:#047857}.date-col .num{font-size:64px;line-height:1;font-weight:800;margin-top:6px;color:#92400e;word-break:break-word}.date-col.am .num{color:#065f46}.date-col .month-year{margin-top:6px;font-size:12px;font-weight:600}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:640px){.desktop-only{display:none}.mobile-only{display:block}}.zodiac{width:120px;height:120px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,#f0f9ff);display:grid;place-content:center;border:6px solid #ecfeff;flex-shrink:0;max-width:100%}.zodiac span{font-size:56px}@media(max-width:640px){.date-col .num{font-size:56px;margin-top:8px}.date-col .label{font-size:14px;letter-spacing:.3px}.date-col .month-year{font-size:13px;margin-top:8px}.zodiac{width:90px;height:90px}.zodiac span{font-size:48px}}.date-info{margin-top:12px;font-weight:700}.info{margin-top:16px;border-top:1px dashed #e5e7eb;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;box-sizing:border-box}.info .row{display:flex;gap:8px;font-size:14px;align-items:baseline;flex-wrap:nowrap;min-width:0}.info .row strong{white-space:nowrap;flex-shrink:0;min-width:fit-content}.info .row .muted{flex:1;word-break:break-word;min-width:0}.info .row-full .muted{word-break:break-word}.info .row-full{grid-column:1 / -1;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.info .row-full .day-stars-content{display:block;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.info .row-full .day-stars-name{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;display:inline;max-width:100%}.info .row-full .day-stars-content .muted{display:inline;word-break:break-word;overflow-wrap:break-word}.two-col{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;box-sizing:border-box}@media(max-width:640px){.info,.two-col{grid-template-columns:1fr}}.slot{border:1px solid #e5e7eb;border-radius:12px;padding:12px}.slot h4{margin:0 0 10px;font-size:14px;color:#111827}.hours{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.hours .h{display:flex;justify-content:space-between;background:#f9fafb;padding:8px 10px;border-radius:8px}.calendar{padding:14px;width:100%;max-width:100%;box-sizing:border-box}.cal-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-title{display:flex;align-items:center;gap:10px;font-weight:700}.cal-actions{display:flex;gap:8px}.weekday{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0}.weekday .w{text-align:center;font-size:12px;color:#6b7280;padding:6px 0}.grid-7{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:100%;box-sizing:border-box}.day-link{text-decoration:none;color:inherit;display:block}.day-link:hover .day:not(.is-public-holiday){background:#f9fafb;border-color:#67c23a}.day-link:hover .day.is-public-holiday{background:#fef0f0!important;border-color:#fbc4c4!important}.day{background:#fff;border:1px solid #e5e7eb;border-radius:10px;position:relative;min-height:94px;padding:6px 8px;display:flex;flex-direction:column;gap:6px;transition:all .2s;cursor:pointer}.day .top{display:flex;align-items:flex-start}.solar{font-weight:700}.lunar-center{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:1;text-align:center}.lunar-center .lunar{font-size:12px;color:#6b7280;font-weight:500}.is-today:not(.is-public-holiday){outline:2px solid #67C23A;box-shadow:0 0 0 4px #67c23a1f inset}.is-selected:not(.is-public-holiday){background:#f0fdf4!important;outline:2px solid #67C23A;box-shadow:0 0 0 4px #67c23a1f inset}.day.is-public-holiday,.day-link .day.is-public-holiday,.day-link:hover .day.is-public-holiday{background:#fef0f0!important;border-color:#fbc4c4!important}.day.is-today.is-public-holiday,.day.is-selected.is-public-holiday{background:#fef0f0!important;border-color:#fbc4c4!important;outline:2px solid #67C23A!important;outline-offset:-2px;box-shadow:0 0 0 4px #67c23a1f inset}.day.is-today.is-holiday:not(.is-public-holiday){background:#f0fdf4!important;border-color:#67c23a!important}.day.is-today.is-holiday:not(.is-public-holiday) .solar{color:#111827!important}.day.is-selected.is-holiday:not(.is-public-holiday){background:#f0fdf4!important;border-color:#67c23a!important}.day.is-selected.is-holiday:not(.is-public-holiday) .solar{color:#111827!important}.badge-star{position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:999px;background:#ef4444}.badge-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:999px;background:#9ca3af}.badge-day-status{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:999px;z-index:2}.badge-day-status.badge-hoang-dao{background:#ef4444}.badge-day-status.badge-hac-dao{background:#9ca3af}.badge-special{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:12px;z-index:3;pointer-events:none;line-height:1}.badge-special.badge-star-icon,.badge-special.badge-full-moon,.badge-special.badge-new-moon{font-size:12px}.event-icon{position:absolute;bottom:6px;left:6px;font-size:16px;z-index:1;line-height:1}.event{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:11px;color:#374151;z-index:1;text-align:center;white-space:nowrap;display:flex;align-items:center;gap:4px}.event-icon-inline{font-size:14px;line-height:1}.page-header{margin:8px 0 0}.page-title{font-size:40px;font-weight:700}.page-subtitle{margin-top:4px;font-size:14px}@media(max-width:640px){.page-title{font-size:24px}.page-subtitle{font-size:13px}}.i-home:before{content:"🏠"}.i-menu:before{content:"☰"}.i-prev:before{content:"◀"}.i-next:before{content:"▶"}.i-clock:before{content:"🕒"}.i-star:before{content:"★"}.i-calc:before{content:"📅"}.breadcrumb-container{margin:8px auto;padding:0 16px;max-width:1280px;width:100%;box-sizing:border-box}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.breadcrumb a{color:#6b7280}.breadcrumb a:hover{color:#67c23a}.breadcrumb .separator{color:#9ca3af}.breadcrumb .current{color:#111827;font-weight:600}.calendar-page{margin-top:20px}.left-panel{display:flex;flex-direction:column;gap:16px}.right-panel{width:100%}@media(max-width:1024px){.calendar-page .right-panel{order:-1}.calendar-page .left-panel{order:1}}.month-info-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 2px #0000000f}.month-info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.month-zodiac-icon{width:60px;height:60px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,#fef3c7);display:grid;place-content:center;border:4px solid #fde68a;flex-shrink:0}.month-zodiac-icon span{font-size:32px}.month-info-title h2{margin:0;font-size:20px;font-weight:700;color:#111827;line-height:1.4}.month-description{font-size:14px;line-height:1.6;color:#4b5563}.related-searches-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 2px #0000000f}.related-searches-card h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#111827}.search-tags{display:flex;flex-wrap:wrap;gap:8px}.search-tag{display:inline-block;padding:6px 12px;background:#fef3c7;color:#92400e;border-radius:999px;font-size:13px;font-weight:500;transition:all .2s}.search-tag:hover{background:#fde68a;color:#78350f;transform:translateY(-1px)}.holidays-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 2px #0000000f}.holidays-card h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#111827}.holidays-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.holidays-list li{display:flex;align-items:center;gap:12px;font-size:14px}.holiday-date{font-weight:600;color:#111827;min-width:50px}.holiday-name{color:#4b5563}.auspicious-days-card,.inauspicious-days-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 2px #0000000f}.auspicious-days-card h3,.inauspicious-days-card h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#111827}.days-list{display:flex;flex-wrap:wrap;gap:8px}.day-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.day-badge.hoang-dao{background:#d1fae5;color:#065f46}.day-badge.hac-dao{background:#fee2e2;color:#991b1b}.day.is-public-holiday{background:#fef0f0!important;border-color:#fbc4c4!important}.day.is-hoang-dao:not(.is-public-holiday){border-color:#67c23a;background:#f0fdf4}.day.is-hac-dao:not(.is-public-holiday){border-color:#ef4444;background:#fef2f2}.day.other-month{opacity:.5}.day.other-month .solar,.day.other-month .lunar{color:#9ca3af}.cal-actions a{text-decoration:none}.year-page-header{margin:20px 0 30px;text-align:center}.year-page-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#111827}.year-page-subtitle{font-size:16px;color:#6b7280;margin-bottom:20px}.year-navigation{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.display-options{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#6b7280}.display-option{padding:6px 12px;border-radius:6px;color:#6b7280;text-decoration:none;transition:all .2s}.display-option:hover{background:#f3f4f6;color:#111827}.display-option.active{background:#67c23a;color:#fff;font-weight:600}.year-calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}@media(max-width:1200px){.year-calendar-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.year-calendar-grid{grid-template-columns:1fr}}.calendar-month-compact{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;padding:16px;border:1px solid #e5e7eb}.month-header-compact{background:#67c23a;color:#fff;padding:10px 12px;border-radius:8px;font-weight:700;font-size:14px;text-align:center;margin-bottom:12px}.weekdays-compact{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekdays-compact .wd{text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:6px 0}.days-grid-compact{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day-compact-link{display:block;text-decoration:none;color:inherit}.day-compact-link.disabled{pointer-events:none;cursor:default}.day-compact{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;border-radius:6px;position:relative;background:#fafafa;border:1px solid #e5e7eb;transition:all .2s}.day-compact-link:not(.disabled):hover .day-compact{background:#f0fdf4;border-color:#67c23a}.day-compact.other-month{opacity:.4;background:#f9fafb}.day-compact.is-today{outline:2px solid #67C23A;outline-offset:-2px;background:#f0fdf4}.day-compact.is-public-holiday{background:#fef0f0!important;border-color:#fbc4c4!important}.day-compact.is-today.is-public-holiday{background:#fef0f0!important;border-color:#fbc4c4!important;outline:2px solid #67C23A;outline-offset:-2px}.day-compact .asterisk{position:absolute;top:2px;right:4px;color:#ef4444;font-size:10px;font-weight:700;line-height:1}.day-compact .solar-date{font-size:14px;font-weight:700;color:#111827;line-height:1.2}.day-compact .lunar-date{font-size:10px;color:#6b7280;line-height:1;margin-top:2px}.day-compact.other-month .solar-date,.day-compact.other-month .lunar-date{color:#9ca3af}.day-status-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;display:block;z-index:1}.day-status-dot.day-status-good{background-color:#67c23a}.day-status-dot.day-status-bad{background-color:#9ca3af}.year-holidays-overview{margin-top:40px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}@media(max-width:768px){.year-holidays-overview{padding:16px;margin-top:24px}}.holidays-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.holidays-title{font-size:24px;font-weight:700;color:#111827;margin:0}.collapse-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.collapse-btn:hover{background:#e5e7eb}.holidays-filters{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.filter-label{font-size:14px;color:#6b7280;font-weight:500}.filter-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:#67c23a;border-color:#67c23a;color:#fff}.holidays-content{display:block}.holidays-content.collapsed{display:none}.holiday-month-section{margin-bottom:32px}.month-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:#f9fafb;border-radius:8px}.month-number{font-size:18px;font-weight:700;color:#111827}.month-label{font-size:16px;font-weight:600;color:#374151}.holiday-count{font-size:14px;color:#6b7280;margin-left:auto}.holidays-list{display:flex;flex-direction:column;gap:16px}.holiday-item{display:grid;grid-template-columns:60px 1fr 2fr;gap:20px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;align-items:start;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:1024px){.holiday-item{grid-template-columns:60px 1fr}.holiday-description{grid-column:1 / -1;margin-top:12px}}.holiday-item:hover{box-shadow:0 4px 6px #0000001a;border-color:#67c23a}.holiday-item.hidden{display:none}.holiday-date-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.solar-day{font-size:24px;font-weight:700;color:#111827;line-height:1}.lunar-day{font-size:12px;color:#6b7280;line-height:1}.holiday-info{display:flex;flex-direction:column;gap:8px}.holiday-name-row{display:flex;align-items:center;gap:8px}.holiday-icon{font-size:18px}.holiday-name{font-size:16px;font-weight:600;color:#111827;margin:0}.holiday-dates{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.date-label{font-weight:500}.date-value{color:#374151}.date-separator{color:#d1d5db}.holiday-omen{display:flex;align-items:center;gap:6px;font-size:13px}.omen-icon{font-size:14px}.omen-text{color:#6b7280;font-weight:500}.holiday-description{display:flex;align-items:flex-start}.holiday-description p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.auspicious-inauspicious-section{margin-top:40px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.auspicious-header{background:#67c23a;padding:16px 24px;text-align:center}.auspicious-title{font-size:20px;font-weight:700;color:#fff;margin:0}.auspicious-content{padding:24px;width:100%;box-sizing:border-box}@media(max-width:768px){.auspicious-content{padding:16px}}.auspicious-item{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #e5e7eb;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:768px){.auspicious-item{grid-template-columns:1fr;gap:12px;padding:16px 0}.item-label{margin-bottom:8px}}.auspicious-item:last-child{border-bottom:none}.item-label{font-size:16px;font-weight:700;color:#111827}.item-content{font-size:14px;color:#374151;line-height:1.8}.item-content p{margin:0 0 12px}.item-content p:last-child{margin-bottom:0}.item-content strong{color:#111827;font-weight:600}.hour-item{color:#374151}.hour-separator{color:#9ca3af;margin:0 4px}.item-content ul{margin:12px 0;padding-left:24px}.item-content ul li{margin-bottom:8px;line-height:1.6}.item-content ul li:last-child{margin-bottom:0}.verse{margin-top:16px;padding:16px;background:#f9fafb;border-left:3px solid #67C23A;border-radius:4px;font-style:italic}.verse p{margin:4px 0;color:#6b7280;line-height:1.8}@media(max-width:768px){.header-container{flex-direction:column;align-items:flex-start;padding:12px;max-width:100%;width:100%;box-sizing:border-box}.header-brand{width:100%;justify-content:space-between;margin-bottom:0}.header-subtitle{display:none}.mobile-menu-toggle{display:flex;position:absolute;top:12px;right:16px}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;margin-left:0;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;gap:0}.nav.show{display:flex}.nav>a,.nav-dropdown{width:100%;border-bottom:1px solid #f3f4f6}.nav>a{padding:12px 0;border-radius:0}.nav-dropdown-toggle{width:100%;padding:12px 0;border-radius:0;justify-content:space-between}.nav-dropdown-menu{position:static;margin-top:0;margin-left:0;width:100%;box-shadow:none;border:none;border-top:1px solid #f3f4f6;border-radius:0}.breadcrumb-container{padding:0 12px;margin:8px auto}.breadcrumb{font-size:14px;gap:4px}.breadcrumb .separator{margin:0 2px}.chip{font-size:14px}.nav a,.nav-dropdown-toggle{font-size:16px}.info .row,.info .row-full,.slot h4{font-size:15px}.hours{font-size:14px}.panel .sub,.holidays-list li{font-size:15px}.day-badge,.page-subtitle{font-size:14px}.month-description{font-size:15px}.search-tag{font-size:14px}.auspicious-item{grid-template-columns:1fr;gap:12px}.item-label{margin-bottom:8px}.grid-7,.weekday{gap:4px;width:100%;max-width:100%;box-sizing:border-box}.weekday .w{font-size:10px;padding:4px 0}.day{min-height:90px;padding:4px 6px;gap:0;border-radius:8px;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.day .top{position:absolute;top:4px;left:6px;width:auto}.solar{font-size:18px;font-weight:700;line-height:1}.lunar-center{position:absolute;top:28px;left:50%;transform:translate(-50%);text-align:center}.lunar-center .lunar{font-size:11px;font-weight:500}.event{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:9px;white-space:nowrap;display:flex;align-items:center;gap:2px;justify-content:center;flex-direction:column;width:100%}.event-icon-inline{font-size:20px;line-height:1;margin-bottom:2px}.event span{font-size:9px}.badge-special{display:none}.badge-day-status{top:4px;right:4px;width:5px;height:5px;z-index:2}.panel{padding:16px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.calendar{padding:12px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.date-hero,.info,.two-col{width:100%;max-width:100%;box-sizing:border-box}}.convert-page-header{text-align:center;margin-bottom:32px}.convert-section{max-width:800px;margin:0 auto}.convert-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.convert-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;margin-bottom:-2px}.convert-tab:hover{color:#111827;background:#f9fafb}.convert-tab.active{color:#67c23a;border-bottom-color:#67c23a;font-weight:600}.convert-forms{position:relative;margin-bottom:32px}.convert-form{display:none;background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000f}.convert-form.active{display:block}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.date-inputs{display:flex;align-items:center;gap:8px}.form-input{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .2s}.form-input:focus{outline:none;border-color:#67c23a;box-shadow:0 0 0 3px #67c23a1a}.date-separator{color:#9ca3af;font-weight:500}.convert-result{margin-top:32px}.result-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000f}.result-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.result-title{font-size:18px;font-weight:600;color:#111827;margin:0}.result-content{display:flex;flex-direction:column;gap:16px}.result-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f3f4f6}.result-row:last-child{border-bottom:none}.result-label{font-size:14px;color:#6b7280;min-width:140px;font-weight:500}.result-value{font-size:16px;color:#111827;font-weight:500;flex:1}.result-value.highlight{color:#67c23a;font-weight:600;font-size:18px}.lunar-month-name{font-size:14px;color:#6b7280;font-weight:400;margin-left:8px}.zodiac-icon{font-size:20px;margin-left:8px}.result-note{padding:12px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;font-size:14px;color:#92400e;margin-top:8px}.result-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}@media(max-width:768px){.convert-tabs{flex-direction:column;gap:0}.convert-tab{border-bottom:1px solid #e5e7eb;border-left:3px solid transparent;margin-bottom:0}.convert-tab.active{border-left-color:#67c23a;border-bottom-color:#e5e7eb}.convert-form{padding:16px}.date-inputs{flex-wrap:wrap}.form-input{min-width:80px}.result-row{flex-direction:column;align-items:flex-start;gap:8px}.result-label{min-width:auto}}.quote-section{margin-top:16px;padding-top:16px;width:100%;max-width:100%;box-sizing:border-box}.quote-content{text-align:center}.quote-content.special-message{background:#f0f9eb;border-left:3px solid #67c23a;padding:12px 16px;border-radius:8px;text-align:left}.quote-text{font-size:14px;line-height:1.7;color:#4b5563;font-style:italic;margin:0 0 8px}.quote-content.special-message .quote-text{font-style:normal;color:#3f6212;margin:0}.quote-author{font-size:12px;color:#6b7280;margin:0;font-weight:500}@media(max-width:768px){.quote-section{margin-top:14px;padding-top:14px}.quote-content.special-message{padding:10px 12px}.quote-text{font-size:13px;line-height:1.6}.quote-content.special-message .quote-text{font-size:13px}.quote-author{font-size:11px}}.shopee-widget{position:fixed;bottom:20px;right:20px;width:90px;height:90px;z-index:999;animation:floatIn .5s ease-out;transition:opacity .3s ease,transform .3s ease}.shopee-widget.hidden{opacity:0;transform:scale(.5);pointer-events:none}.shopee-widget-close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;font-size:18px;line-height:1;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000;box-shadow:0 2px 6px #00000026;padding:0}.shopee-widget-close:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:rotate(90deg) scale(1.1)}.shopee-widget-link{display:block;width:100%;height:100%;cursor:pointer;transition:transform .3s ease}.shopee-widget-link:hover{transform:scale(1.1);animation:pulse 1s infinite}.shopee-widget-image{width:100%;height:100%;display:block;border-radius:50%;box-shadow:0 4px 12px #00000026;transition:box-shadow .3s ease;object-fit:cover;object-position:center}.shopee-widget-link:hover .shopee-widget-image{box-shadow:0 6px 20px #00000040}@keyframes floatIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}@media(max-width:768px){.shopee-widget{bottom:15px;right:15px;width:90px;height:90px}.shopee-widget-close{width:22px;height:22px;font-size:16px;top:-6px;right:-6px}}.modal-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal-popup.show{display:flex;opacity:1}.modal-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-popup-content{position:relative;max-width:90%;max-height:90vh;z-index:10001;animation:modalFadeIn .3s ease-out}.modal-popup-image{width:100%;height:auto;max-width:500px;display:block;border-radius:12px}.modal-popup-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;font-size:20px;line-height:1;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10002;box-shadow:0 2px 8px #00000026;padding:0}.modal-popup-close:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:rotate(90deg) scale(1.1)}.modal-popup-footer{margin-top:8px;display:flex;justify-content:center;align-items:center}.modal-popup-close-footer{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;color:#374151;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s;font-weight:500}.modal-popup-close-text{font-weight:500}.modal-popup-close-icon{font-size:20px;line-height:1;font-weight:700;color:#374151}.modal-popup-close-footer:hover{background:#f3f4f6;color:#ef4444;border-color:#ef4444}.modal-popup-close-footer:hover .modal-popup-close-icon{color:#ef4444}.modal-popup-close-footer:hover .modal-popup-close-icon{transform:scale(1.2)}@keyframes modalFadeIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.modal-popup-content{max-width:95%}.modal-popup-image{max-width:100%;border-radius:8px}.modal-popup-close{width:28px;height:28px;font-size:18px;top:-10px;right:-10px}}.site-footer{background:#fff;border-top:1px solid #e5e7eb;margin-top:48px;padding:40px 0 20px;width:100%}.footer-container{max-width:1280px;margin:0 auto;padding:0 16px;width:100%;box-sizing:border-box}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:32px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-title{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.footer-description{font-size:14px;line-height:1.6;color:#6b7280;margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-links li{margin:0}.footer-links a{font-size:14px;color:#6b7280;text-decoration:none;transition:color .2s;display:inline-block}.footer-links a:hover{color:#67c23a}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:16px}.footer-copyright{flex:1;min-width:200px}.footer-copyright p{font-size:13px;color:#6b7280;margin:0}.footer-brand{display:flex;align-items:center}.footer-brand-link{display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-weight:600;font-size:14px;text-decoration:none;transition:color .2s}.footer-brand-link:hover{color:#67c23a}.footer-brand-icon{font-size:18px}@media(max-width:768px){.site-footer{margin-top:32px;padding:32px 0 16px}.footer-container{padding:0 12px}.footer-content{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;padding-top:20px}.footer-copyright,.footer-brand{width:100%}.footer-brand-link{width:auto}}.blog-list{max-width:1200px;margin:0 auto}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.post-card{background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.post-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.post-image-link{display:block;width:100%;height:200px;overflow:hidden;background:#f3f4f6}.post-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-image{transform:scale(1.05)}.post-content{padding:20px;flex:1;display:flex;flex-direction:column}.post-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 12px;line-height:1.4}.post-title a{color:inherit;transition:color .2s}.post-title a:hover{color:#67c23a}.post-excerpt{font-size:14px;line-height:1.6;color:#6b7280;margin:0 0 16px;flex:1}.post-meta{display:flex;gap:16px;font-size:13px;color:#9ca3af;margin-bottom:16px;flex-wrap:wrap}.post-date,.post-views{display:flex;align-items:center;gap:4px}.post-card .btn{align-self:flex-start;margin-top:auto}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000f}.empty-state p{font-size:16px;color:#6b7280;margin:0}.pagination{margin-top:40px;display:flex;justify-content:center}.blog-post{max-width:900px;margin:0 auto}.post-featured-image{width:100%;margin-bottom:32px;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.post-featured-image img{width:100%;height:auto;display:block}.blog-post .post-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 2px #0000000f;line-height:1.8;font-size:16px;color:#374151}.blog-post .post-content p{margin-bottom:16px}.blog-post .post-content h2,.blog-post .post-content h3,.blog-post .post-content h4{margin-top:32px;margin-bottom:16px;color:#111827;font-weight:700}.blog-post .post-content h2{font-size:24px;border-bottom:2px solid #67C23A;padding-bottom:8px}.blog-post .post-content h3{font-size:20px}.blog-post .post-content h4{font-size:18px}.blog-post .post-content ul,.blog-post .post-content ol{margin:16px 0;padding-left:24px}.blog-post .post-content li{margin-bottom:8px}.blog-post .post-content a{color:#67c23a;text-decoration:underline}.blog-post .post-content a:hover{color:#059669}.related-posts{margin-top:48px;padding-top:32px;border-top:1px solid #e5e7eb}.related-posts-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 24px}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.related-post-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.related-post-card:hover{border-color:#67c23a;box-shadow:0 2px 8px #00000014}.related-post-title{font-size:18px;font-weight:600;margin:0 0 8px}.related-post-title a{color:#111827;transition:color .2s}.related-post-excerpt{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 12px}.related-post-meta{font-size:13px;color:#9ca3af}.post-navigation{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}@media(max-width:768px){.posts-grid{grid-template-columns:1fr;gap:20px}.blog-post .post-content{padding:24px 16px;font-size:15px}.related-posts-grid{grid-template-columns:1fr}}.banner-container{margin-top:20px}.banner-link{display:block;width:100%;cursor:pointer;transition:opacity .3s ease}.banner-link:hover{opacity:.9}.banner-image{width:100%;height:auto;display:block;border-radius:5px;max-width:100%}@media(max-width:768px){.banner-container{margin-top:15px}.banner-image{border-radius:4px}}.blog-listing{max-width:900px;margin:0 auto}.blog-posts-list{display:flex;flex-direction:column;gap:24px;margin-top:24px}.blog-post-card{display:flex;gap:24px;padding:24px;transition:all .2s}.blog-post-card:hover{box-shadow:0 4px 12px #0000001a}.blog-post-content{flex:1;min-width:0}.blog-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.blog-post-author{display:flex;align-items:center;gap:12px}.author-avatar,.author-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-avatar-placeholder{background:#67c23a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.author-info{display:flex;flex-direction:column;gap:4px}.author-name{font-weight:600;font-size:14px;color:#111827}.post-date{font-size:12px;color:#6b7280}.blog-post-actions{display:flex;gap:8px}.blog-action-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.blog-action-btn:hover{background:#f3f4f6;color:#111827}.blog-post-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;line-height:1.3}.blog-post-title a{color:inherit;text-decoration:none;transition:color .2s}.blog-post-title a:hover{color:#67c23a}.blog-post-excerpt{font-size:16px;line-height:1.6;color:#4b5563;margin:0 0 16px}.blog-post-meta{display:flex;align-items:center;gap:16px}.blog-post-stats{display:flex;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.stat-icon{font-size:16px}.stat-value{font-weight:500}.blog-post-thumbnail{flex-shrink:0;width:200px;border-radius:8px;overflow:hidden;align-self:stretch;display:flex}.blog-post-thumbnail a{display:flex;width:100%;height:100%}.thumbnail-image{width:100%;height:100%;object-fit:cover}.blog-pagination{margin-top:40px;display:flex;justify-content:flex-start}.blog-pagination nav[role=navigation]{display:flex;justify-content:flex-start}.blog-pagination nav[role=navigation] .pagination-links{display:inline-flex;gap:0;align-items:stretch;border:2px solid #67C23A;border-radius:8px;overflow:hidden;background:#fff}.blog-pagination nav[role=navigation] .pagination-links a,.blog-pagination nav[role=navigation] .pagination-links span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s;border-right:1px solid #9ca3af;background:#fff;white-space:nowrap;box-sizing:border-box}.blog-pagination nav[role=navigation] .pagination-links a[rel=prev],.blog-pagination nav[role=navigation] .pagination-links a[rel=next],.blog-pagination nav[role=navigation] .pagination-links span[aria-disabled=true][aria-label*=previous],.blog-pagination nav[role=navigation] .pagination-links span[aria-disabled=true][aria-label*=next]{width:44px;min-width:44px;padding:0}.blog-pagination nav[role=navigation] .pagination-links a:last-child,.blog-pagination nav[role=navigation] .pagination-links span:last-child{border-right:none}.blog-pagination nav[role=navigation] .pagination-links a:hover{background:#fff}.blog-pagination nav[role=navigation] .pagination-links span[aria-current=page]{background:#67c23a;color:#fff;border-right:1px solid #4ade80;font-weight:600}.blog-pagination nav[role=navigation] .pagination-links span[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:#fff;color:#9ca3af;border-right:1px solid #d1d5db}.blog-pagination nav[role=navigation] .pagination-links a[rel=prev],.blog-pagination nav[role=navigation] .pagination-links a[rel=next]{color:#374151;font-weight:600}.blog-pagination nav[role=navigation] .pagination-links a[rel=prev]:hover,.blog-pagination nav[role=navigation] .pagination-links a[rel=next]:hover{background:#fff}.blog-single{max-width:900px;margin:0 auto}.blog-single-header{margin-bottom:32px}.blog-single-title{font-size:36px;font-weight:700;color:#111827;margin:0 0 24px;line-height:1.2}.blog-single-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.blog-single-author{display:flex;align-items:center;gap:16px}.author-avatar-large,.author-avatar-placeholder-large{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-avatar-placeholder-large{background:#67c23a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px}.author-info-large{display:flex;flex-direction:column;gap:4px}.author-name-large{font-weight:600;font-size:16px;color:#111827}.post-date-large{font-size:14px;color:#6b7280}.blog-single-stats{display:flex;gap:24px}.stat-item-large{display:flex;align-items:center;gap:8px;font-size:16px;color:#6b7280}.stat-item-large .stat-icon{font-size:20px}.stat-item-large .stat-value{font-weight:600}.blog-single-featured-image{margin-bottom:32px;border-radius:12px;overflow:hidden}.featured-image{width:100%;height:auto;display:block}.blog-single-content{padding:32px}.blog-content-wrapper{display:flex;gap:32px;position:relative}.blog-content-main{flex:1;min-width:0}.blog-post-body{font-size:18px;line-height:1.8;color:#1f2937}.blog-post-body p{margin:0 0 20px}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4,.blog-post-body h5,.blog-post-body h6{font-weight:700;color:#111827;margin-top:32px;margin-bottom:16px;line-height:1.3}.blog-post-body h1{font-size:32px;border-bottom:2px solid #67C23A;padding-bottom:8px}.blog-post-body h2{font-size:28px;border-bottom:2px solid #67C23A;padding-bottom:8px}.blog-post-body h3{font-size:24px}.blog-post-body h4{font-size:20px}.blog-post-body h5{font-size:18px}.blog-post-body h6{font-size:16px}.blog-post-body ul,.blog-post-body ol{margin:16px 0;padding-left:32px}.blog-post-body li{margin-bottom:8px;line-height:1.6}.blog-post-body ul{list-style-type:disc}.blog-post-body ol{list-style-type:decimal}.blog-post-body ul ul,.blog-post-body ol ol,.blog-post-body ul ol,.blog-post-body ol ul{margin-top:8px;margin-bottom:8px}.blog-post-body a{color:#67c23a;text-decoration:underline;transition:color .2s}.blog-post-body a:hover{color:#059669}.blog-post-body img{max-width:100%;height:auto;border-radius:8px;margin:24px 0;display:block}.blog-post-body blockquote{border-left:4px solid #67C23A;padding-left:20px;margin:24px 0;font-style:italic;color:#6b7280}.blog-post-body table{width:100%;border-collapse:collapse;margin:24px 0;overflow-x:auto;display:block}.blog-post-body table thead{background:#f3f4f6}.blog-post-body table th,.blog-post-body table td{padding:12px;border:1px solid #e5e7eb;text-align:left}.blog-post-body table th{font-weight:600;color:#111827}.blog-post-body table tbody tr:nth-child(2n){background:#f9fafb}.blog-post-body code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#dc2626}.blog-post-body pre{background:#1f2937;color:#f9fafb;padding:16px;border-radius:8px;overflow-x:auto;margin:24px 0}.blog-post-body pre code{background:transparent;padding:0;color:inherit}.blog-post-body strong,.blog-post-body b{font-weight:700;color:#111827}.blog-post-body em,.blog-post-body i{font-style:italic}.blog-post-body u{text-decoration:underline}.blog-post-body s,.blog-post-body strike{text-decoration:line-through}.blog-post-body hr{border:none;border-top:2px solid #e5e7eb;margin:32px 0}.blog-post-body .text-left{text-align:left}.blog-post-body .text-center{text-align:center}.blog-post-body .text-right{text-align:right}.blog-post-body .text-justify{text-align:justify}.blog-sidebar{width:80px;flex-shrink:0}.blog-sidebar-sticky{position:sticky;top:100px}.blog-sidebar-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.sidebar-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s;min-width:64px}.sidebar-action-btn:hover{background:#f9fafb;border-color:#67c23a}.action-icon{font-size:20px}.action-label{font-size:12px;color:#6b7280;font-weight:500}.blog-related-posts{margin-top:64px}.related-posts-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 24px}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.related-post-card{padding:0;overflow:hidden;transition:all .2s}.related-post-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.related-post-thumbnail{width:100%;height:180px;overflow:hidden}.related-post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-post-card:hover .related-post-thumbnail img{transform:scale(1.05)}.related-post-content{padding:20px}.related-post-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 12px;line-height:1.3}.related-post-title a{color:inherit;text-decoration:none;transition:color .2s}.related-post-title a:hover{color:#67c23a}.related-post-excerpt{font-size:14px;line-height:1.6;color:#6b7280;margin:0 0 12px}.related-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9ca3af}.related-post-stats{display:flex;gap:12px}@media(max-width:768px){.blog-post-card{flex-direction:column;padding:20px}.blog-post-thumbnail{width:100%;height:200px}.blog-single-title{font-size:28px}.blog-content-wrapper{flex-direction:column}.blog-sidebar{width:100%}.blog-sidebar-actions{flex-direction:row;justify-content:center}.sidebar-action-btn{flex:1}.related-posts-grid{grid-template-columns:1fr}.blog-single-meta{flex-direction:column;align-items:flex-start}}