* { box-sizing: border-box; }
body {margin: 0;}
.template-wrapper.blogpostnav001-box{width:100%;padding:var(--Space1, .75rem) 0;box-sizing:border-box;position:relative;}
.template-wrapper.blogpostnav001-box *{box-sizing:border-box;}
.template-wrapper.blogpostnav001-box.gjs-selected{outline:none !important;}
.template-wrapper.blogpostnav001-box.gjs-comp-selected{outline:none !important;}
.template-wrapper.blogpostnav001-box.gjs-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #3b97e3;pointer-events:none;z-index:9999;}
.template-wrapper.blogpostnav001-box.gjs-comp-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #3b97e3;pointer-events:none;z-index:9999;}
.template-wrapper.blogpostnav001-box .blogpostnav001__inner{display:flex;align-items:stretch;border:1px solid var(--BorderColor, #dcdfe6);border-radius:4px;background:var(--BgColorSecondary, #fafafa);min-height:64px;}
.template-wrapper.blogpostnav001-box .blogpostnav001__link{display:flex;align-items:center;gap:.75rem;flex:1 1 50%;min-width:0;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:background .2s ease;}
.template-wrapper.blogpostnav001-box .blogpostnav001__link:hover{background:var(--BgColorHover, #f0f2f5);}
.template-wrapper.blogpostnav001-box .blogpostnav001__link--next{justify-content:flex-end;text-align:right;}
.template-wrapper.blogpostnav001-box .blogpostnav001__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--TextColorSecondary, #909399);transition:color .2s;}
.template-wrapper.blogpostnav001-box .blogpostnav001__link:hover .blogpostnav001__arrow{color:var(--ColorPrimary, #409eff);}
.template-wrapper.blogpostnav001-box .blogpostnav001__arrow svg{width:20px;height:20px;}
.template-wrapper.blogpostnav001-box .blogpostnav001__info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1;}
.template-wrapper.blogpostnav001-box .blogpostnav001__label{font-size:var(--FontSizeHint, 12px);color:var(--TextColorSecondary, #909399);line-height:1.4;}
.template-wrapper.blogpostnav001-box .blogpostnav001__title{font-size:var(--FontSizeBody, 15px);font-weight:500;color:var(--TextColorPrimary, #303133);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.template-wrapper.blogpostnav001-box .blogpostnav001__link:hover .blogpostnav001__title{color:var(--ColorPrimary, #409eff);}
.template-wrapper.blogpostnav001-box .blogpostnav001__divider{flex-shrink:0;width:1px;background:var(--BorderColor, #dcdfe6);align-self:stretch;}
.template-wrapper.blogpostnav001-box .blogpostnav001__inner:has(.blogpostnav001__link--prev:only-child) .blogpostnav001__divider, .template-wrapper.blogpostnav001-box .blogpostnav001__inner:has(.blogpostnav001__link--next:only-child) .blogpostnav001__divider{display:none;}
[data-gjs-type=wrapper] .template-wrapper.blogpostnav001-box:before{content:"（畫布為假資料示意・前台依當前頁位置動態渲染）";display:block;font-size:11px;font-style:italic;color:#909399;opacity:.7;text-align:center;margin-bottom:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
#ikpij{color:black;border-color:black;}
@media (max-width:768px) {
.template-wrapper.blogpostnav001-box .blogpostnav001__inner{flex-direction:column;}
.template-wrapper.blogpostnav001-box .blogpostnav001__divider{width:100%;height:1px;}
.template-wrapper.blogpostnav001-box .blogpostnav001__link--next{justify-content:flex-start;text-align:left;}
}
@media (max-width:480px) {
.template-wrapper.blogpostnav001-box .blogpostnav001__link{padding:.75rem 1rem;gap:.5rem;}
.template-wrapper.blogpostnav001-box .blogpostnav001__title{font-size:var(--FontSizeSecondary, 14px);}
}