.offcanvas.show { visibility:visible; transform:none; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {outline:3px solid #128e85;outline-offset:3px}
.share-row {display:flex;gap:4px;margin-bottom:12px;clear:both}
.share-row a,.share-floating a {display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;color:#fff;font-size:24px;text-decoration:none}
.share-facebook{background:#0765fe}.share-twitter{background:#55acee}.share-line{background:#00c300}
.share-floating {position:fixed;left:0;top:100px;z-index:99;display:grid;gap:4px;padding:10px;background:#fff;border:1px solid #ccc;border-left:0;border-radius:0 4px 4px 0}
.comment-form textarea{width:100%;border:1px solid #ddd;border-bottom:0;background:white;padding:12px;font-size:14px;resize:vertical}
.comment-toolbar{border:1px solid #ddd;border-top:0;padding:2px 12px;color:#888;font-size:12px}
.comment-details{display:flex;flex-wrap:wrap;gap:12px;padding:15px 0;align-items:end}.comment-details label{flex:1;font-size:12px}.comment-details input{width:100%}
.comment-submit{background:#168e81!important;color:white!important;border:0;padding:10px 24px}
.comments-header{display:flex;justify-content:space-between;border-bottom:1px solid #bbb;padding:16px 0;font-size:13px}.comments-header>span{border-bottom:3px solid #168e81;padding-bottom:8px}
.comment-item{padding:20px 0;border-bottom:1px solid #ddd}.comment-item p{white-space:pre-wrap}.comment-item time{font-size:12px;color:#888}.comment-item button{background:#eee;color:#555;padding:4px 10px;border:0}
.comment-status{font-size:14px;color:#147c73}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
[hidden]{display:none!important}
@media(max-width:767px){.share-floating{display:none}.comment-details{display:block}.comment-details label{display:block}.blog-innerpage img{max-width:100%;height:auto}}
/* 雲朵依橫幅實際寬度移動，避免固定距離使小螢幕長時間看不到雲朵。 */
.blog-banner .clouds,
.blog-page-banner .clouds {
    left: 0;
    margin-left: 0;
    pointer-events: none;
    animation: blog-cloud-drift 25s linear infinite;
}
@keyframes blog-cloud-drift {
    from { transform: translate3d(0, 0, 0) scale(.5); }
    to { transform: translate3d(100vw, 0, 0) scale(.5); }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    .offcanvas, .offcanvas-backdrop { transition: none !important; }
    .blog-banner .clouds, .blog-page-banner .clouds { animation-duration: 50s; }
}

.wp_ulike_btn.wp_ulike_put_image:after {background-image:url("/assets/original/c01fa421097367d236ba.png")!important}

#comment-text{min-height:80px;border:1px solid #ddd;border-bottom:0;background:white;padding:12px;font-size:14px;outline-color:#168e81}
#comment-text:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none}.comment-toolbar{display:flex;align-items:center;gap:2px}.comment-toolbar button{border:0;background:white;color:#888;font-size:12px;padding:3px 5px;min-width:20px}.attach-image{margin-left:auto;position:relative;overflow:hidden;cursor:pointer}.attach-image input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.comment-content img{max-width:100%;max-height:400px;object-fit:contain}.comment-content p{white-space:pre-wrap}#attachment-name:empty{display:none}.comment-content pre{white-space:pre-wrap}

.share-row{margin-bottom:5px}.comment-form{padding-top:25px;padding-bottom:10px}#wpdcom{min-height:318px}.comments-header{margin-top:30px}#comment-text{min-height:100px}.comment-toolbar{min-height:28px}.comment-status:empty{display:none}
@media(max-width:767px){#wpdcom{min-height:317px}.share-floating{display:flex;position:fixed;top:auto;bottom:0;left:0;width:100%;padding:0;border:0;border-radius:0;gap:0}.share-floating a{width:33.33333%;height:40px;border-radius:0}.blog-innerpage~footer{margin-bottom:40px}}

@media(min-width:768px){.share-floating{width:40px;max-width:40px;left:2px;top:110px;padding:0;border:0;border-radius:0;background:transparent;gap:0}.share-floating a{border-radius:0;width:40px;height:40px;font-size:30px}}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{width:24px;height:24px;padding:0!important;background-repeat:no-repeat!important;background-position:center!important}
.wp-block-navigation__responsive-container-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath stroke='currentColor' stroke-width='1.5' d='M4 8.25h16M4 15.75h16'/%3E%3C/svg%3E")!important}
.wp-block-navigation__responsive-container-close{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath stroke='currentColor' stroke-width='1.5' d='m5 5 14 14M19 5 5 19'/%3E%3C/svg%3E")!important}

img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}

.comment-details .notify-option{font-size:12px;flex-basis:100%}.notify-option input{width:auto}

/* 原浮動分享列的收合控制，保持鍵盤可操作。 */
.share-floating .share-toggle{width:40px;height:30px;padding:0;border:0;background:transparent;color:#000;font-size:16px;line-height:30px;text-align:left;border-radius:0}
@media(min-width:768px){.share-floating.is-collapsed>a{display:none}}
.share-floating.is-collapsed .share-toggle i{display:inline-block;transform:rotate(180deg)}
@media(max-width:767px){.share-floating .share-toggle{display:none}}

/* 無橫幅的頁面預留固定導覽列空間，讓標題與搜尋框完整可見。 */
.status-page{padding-top:90px;padding-bottom:48px;min-height:calc(100vh - 218px)}
.status-page .site-main{margin-top:0}
.search-results{padding-top:90px}
.search-results .page-title{overflow-wrap:anywhere}