/* 小菱 · 閱讀與相遇 20261005. Art shares the page with the task. */
body.community-gallery {
  --journey-paper:#f7f5ef; --journey-surface:#fffef9; --journey-ink:#302f2e;
  --journey-muted:#625f55; --journey-line:#d8d5c8; --journey-green:#315443;
  --journey-plum:#614465; --journey-soft:#eaece3; --journey-on-action:#fffefa;
  --gallery-paper:var(--journey-paper); --gallery-white:var(--journey-surface);
  --gallery-ink:var(--journey-ink); --gallery-line:var(--journey-line);
  --gallery-secondary:var(--journey-muted); --gallery-action:var(--journey-green);
  --gallery-on-action:var(--journey-on-action); --gallery-link:var(--journey-green);
  --ca-text:var(--journey-ink); --ca-muted:var(--journey-muted); --ca-surface:var(--journey-surface);
  --ca-primary:var(--journey-green); --ca-border:var(--journey-line);
  --disc-paper:var(--journey-paper); --disc-panel:var(--journey-surface); --disc-ink:var(--journey-ink);
  --disc-muted:var(--journey-muted); --disc-line:var(--journey-line); --disc-green:var(--journey-green); --disc-soft:var(--journey-soft);
  --art-picture-height:116px;
  color:var(--journey-ink); background:var(--journey-paper);
  font-family:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;
  font-size:16px; line-height:1.75; overflow-wrap:anywhere;
}
body.community-gallery[data-art-scheme="night"] {
  --journey-paper:#202521; --journey-surface:#292f29; --journey-ink:#f1eee5;
  --journey-muted:#c4c8bc; --journey-line:#555f52; --journey-green:#c1dcba;
  --journey-plum:#dfc7e4; --journey-soft:#363e33; --journey-on-action:#21301f;
  --gallery-danger:#ffbfb1; --gallery-focus:#dfc7e4;
}
body.community-gallery :is(input,textarea,select,button,label,.community-nav,.ux-bottom-nav,.community-circle-nav,.discussion-sort,.dating-nav,.help-subnav,.art-controls) {
  font-family:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif!important;
}
body.community-gallery :is(p,li,dt,dd,span,a,summary,legend) {font-family:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif!important;}
body.community-gallery :is(h1,h2,h3)>a {font-family:"Noto Serif TC","PMingLiU",serif!important;}
body.community-gallery :is(h1,h2,h3) {color:var(--journey-ink); text-wrap:pretty;}
body.community-gallery h1 {font-family:"Noto Serif TC","PMingLiU",serif; line-height:1.5; font-weight:600;}
body.community-gallery :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea,select) {font-size:16px;}
body.community-gallery :is(button,.message-board-button,.help-button,.dating-button,.community-button,.auth-submit) {min-height:44px;}
body.community-gallery :is(p,.discussion-post-content,.message-board-post__content,.help-answer__body) {line-height:1.85;}
body.community-gallery .community-main {width:min(1280px,calc(100% - 48px)); padding-top:24px; padding-bottom:48px;}
body.community-gallery .community-header {background:var(--journey-surface); border-bottom:1px solid var(--journey-line);}
body.community-gallery .community-service-profile__portrait>span {background:var(--journey-surface)!important; color:var(--journey-ink)!important; border:1px solid var(--journey-line);}
body.community-gallery .cr-mobile-toolbar button {background:var(--journey-surface)!important; color:var(--journey-ink)!important; border-color:var(--journey-line)!important; font-size:15px!important;}
body.community-gallery .art-controls [data-art-exhibit] {color:var(--journey-green)!important;border-color:var(--journey-green)!important;}
body.community-gallery .community-header__inner {min-height:76px; padding-block:10px;}
body.community-gallery .community-nav__links a {color:var(--journey-ink); font-size:15px;}
body.community-gallery .community-nav__links a:is(:hover,[aria-current="page"]) {color:var(--journey-green); background:var(--journey-soft);}
body.community-gallery .community-brand img {max-width:168px; height:auto;}
body.community-gallery[data-art-scheme="night"] .community-brand img {background:#fffef9; border-radius:3px;}
body.community-gallery .community-nav__official-home {color:var(--journey-green); border-color:var(--journey-line); background:var(--journey-surface);}
body.community-gallery .discussion-shell {gap:28px; grid-template-columns:174px minmax(0,1fr) 214px;}
body.community-gallery .discussion-shell--board {grid-template-columns:174px minmax(0,1fr);}
body.community-gallery :is(.discussion-feed,.discussion-reader,.help-shell,.dating-shell,.mood-shell,.community-personal-hub,.community-message-hub) {min-width:0;}
body.community-gallery :is(.discussion-intro,.dating-hero,.ir-hero,.cr-hero,.friends-hero,.community-admin-page-header) {margin-bottom:20px;}
body.community-gallery .community-art-host[data-art-format],
body.community-gallery .journey-art-header {
  display:grid!important; grid-template-columns:minmax(0,1fr) 200px!important; gap:18px!important;
  align-items:center!important; min-height:0!important; padding:18px 20px!important;
  border:0!important; border-bottom:1px solid var(--journey-line)!important;
  background:var(--journey-surface)!important; box-shadow:none!important; border-radius:0!important;
}
body.community-gallery .community-art-heading :is(h1,h2) {font-size:clamp(25px,2.4vw,34px)!important; line-height:1.45!important; letter-spacing:.015em!important; margin:4px 0 8px!important;}
body.community-gallery .community-art-heading p {margin:4px 0!important; font-size:15px!important; line-height:1.7!important;}
body.community-gallery .community-art-heading :is(.discussion-caption,.dating-eyebrow,.friends-eyebrow) {font-size:13px!important;}
body.community-gallery .community-art-host>.community-page-art,
body.community-gallery .journey-art-header>.community-page-art {
  display:grid!important; grid-template-columns:1fr!important; grid-template-areas:"picture" "controls"!important;
  gap:6px!important; padding:0!important; width:100%!important; max-width:200px!important;
  margin:0!important; align-self:center; border:0!important; background:transparent!important;
}
body.community-gallery .community-page-art {
  display:grid!important; grid-template-columns:minmax(0,1fr) 176px!important;
  grid-template-areas:"caption picture" "controls picture"!important; gap:6px 18px!important;
  padding:14px 18px!important; margin:0 0 18px!important; min-height:0!important; border:0!important;
  border-bottom:1px solid var(--journey-line)!important; background:var(--journey-surface)!important;
}
body.community-gallery .community-page-art__picture,
body.community-gallery .community-art-host>.community-page-art>.community-page-art__picture {
  height:var(--art-picture-height)!important; min-height:0!important; border-radius:3px 28px 3px 3px!important;
}
body.community-gallery .community-page-art__caption {padding:0!important; align-self:center;}
body.community-gallery .community-page-art__chapter,
body.community-gallery .community-page-art__copy {display:none!important;}
body.community-gallery .community-page-art__title {font-size:19px!important; line-height:1.5!important; margin:0!important;}
body.community-gallery .community-art-host .community-page-art__caption,
body.community-gallery .journey-art-header .community-page-art__caption {display:none!important;}
body.community-gallery .art-controls {justify-content:flex-start!important; flex-wrap:wrap!important; gap:5px!important; font-size:13px!important;}
body.community-gallery .community-page-art__toggle,
body.community-gallery .community-page-art__toggle span {font-size:13px!important; line-height:1.4!important;}
body.community-gallery .community-page-art__toggle {padding:8px!important; min-height:44px!important; background:var(--journey-surface)!important; color:var(--journey-ink)!important;}
body.community-gallery .journey-art-settings {position:relative; border:0; background:transparent; padding:0; margin:0; color:var(--journey-ink);}
body.community-gallery .journey-art-settings>summary {min-height:44px; padding:9px 8px; border:1px solid var(--journey-line); border-radius:3px; font-size:13px; list-style:none;}
body.community-gallery .journey-art-settings>summary::-webkit-details-marker {display:none;}
body.community-gallery .journey-art-settings>div {display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:var(--journey-surface); border:1px solid var(--journey-line); padding:10px; margin-top:6px; min-width:0;}
body.community-gallery .journey-art-settings:not([open])>div {display:none;}
body.community-gallery .journey-art-settings select {min-height:44px; font-size:16px!important; background:var(--journey-surface); color:var(--journey-ink);}
body.community-gallery .discussion-search {margin-block:12px; gap:8px;}
body.community-gallery .discussion-search input {min-height:44px; font-size:16px;}
body.community-gallery :is(.discussion-sort,.discussion-mobile-boards) {gap:6px; margin-block:8px;}
body.community-gallery :is(.discussion-sort,.discussion-mobile-boards) a {font-size:14px; min-height:44px; display:inline-flex; align-items:center; padding:6px 10px;}
body.community-gallery .discussion-topic {padding:18px 0; border-bottom:1px solid var(--journey-line); box-shadow:none;}
body.community-gallery .discussion-topic h2 {font-size:21px; line-height:1.55;}
body.community-gallery .discussion-empty {padding:24px 20px; border:1px solid var(--journey-line); background:var(--journey-surface);}
body.community-gallery .discussion-reader {max-width:900px; margin-inline:auto;}
body.community-gallery :is(.message-board-post__content,.discussion-post-content,.topic-detail-content,.topic-content,.help-question-content) {font-size:18px!important; line-height:1.9!important; max-width:40em; overflow-wrap:anywhere;}
body.community-gallery .discussion-reader :is(.discussion-composer,.discussion-replies) {margin-top:28px;}
body.community-gallery .community-circle-nav {padding:10px 0; margin:0 0 14px; border:0; background:transparent; box-shadow:none;}
body.community-gallery .community-circle-nav>div {display:flex; flex-wrap:wrap; gap:6px;}
body.community-gallery .community-circle-nav a {font-size:14px; padding:6px 10px; min-height:44px; border-radius:3px;}
body.community-gallery .community-circle-nav a>span {display:none;}
body.community-gallery .community-circle-nav__home {font-size:14px;}
body.community-gallery .help-shell {max-width:1020px; margin:0 auto; padding:0 0 36px; gap:16px;}
body.community-gallery .help-intro {padding:4px 0 18px; margin-bottom:16px; border:0; background:transparent;}
body.community-gallery .help-intro h1 {font-size:30px; margin:4px 0 10px;}
body.community-gallery .help-intro>p {margin:4px 0 12px;}
body.community-gallery .help-intro-actions {display:flex; gap:12px; flex-wrap:wrap;}
body.community-gallery .help-intro-actions a {font-size:14px;}
body.community-gallery .journey-auxiliary {font-size:14px; padding:0; border:0; background:transparent; min-width:0;}
body.community-gallery .journey-auxiliary>summary {min-height:44px; padding:9px 10px; border:1px solid var(--journey-line); border-radius:3px;}
body.community-gallery .journey-auxiliary>nav {display:flex; gap:8px 16px; flex-wrap:wrap; padding-top:12px;}
body.community-gallery .journey-auxiliary>nav a {min-height:44px; display:inline-flex; align-items:center;}
body.community-gallery .help-filter {background:var(--journey-surface); border:1px solid var(--journey-line); padding:14px; gap:12px;}
body.community-gallery .help-filter label {font-size:14px;}
body.community-gallery .help-card {border:0; border-bottom:1px solid var(--journey-line); box-shadow:none; border-radius:0; background:var(--journey-surface);}
body.community-gallery .help-card a {padding:18px;}
body.community-gallery .help-card h3 {font-size:21px;}
body.community-gallery .dating-nav {gap:6px; margin-block:14px;}
body.community-gallery .dating-nav a {min-height:44px; display:inline-flex; align-items:center; padding:6px 10px; font-size:14px;}
body.community-gallery .dating-person-card {border:1px solid var(--journey-line); box-shadow:none; background:var(--journey-surface);}
body.community-gallery .community-auth-shell {display:block!important; width:min(600px,100%)!important; min-height:0!important; margin:0 auto!important; border-radius:6px!important; background:var(--journey-surface)!important; border:1px solid var(--journey-line)!important; box-shadow:none!important;}
body.community-gallery .community-auth-promo {display:none!important;}
body.community-gallery .member-auth-main {padding:24px 20px 40px!important;}
body.community-gallery :is(.community-auth-side,.community-auth-panel,.community-auth-card) {padding:18px!important; min-height:0!important; background:var(--journey-surface)!important; color:var(--journey-ink)!important;}
body.community-gallery .community-auth-panel {padding:0!important;}
body.community-gallery .community-auth-welcome.community-art-host {display:block!important; padding:0 0 12px!important; border:0!important;}
body.community-gallery .community-auth-welcome.community-art-host>.community-page-art {display:none!important;}
body.community-gallery .community-auth-avatar {display:none!important;}
body.community-gallery .community-auth-welcome :is(h1,h2) {font-size:26px!important; line-height:1.5!important;}
body.community-gallery .community-auth-welcome p {font-size:14px!important;}
body.community-gallery .community-auth-welcome {margin-bottom:14px!important;}
body.community-gallery .community-auth-tabs {margin-bottom:16px!important;}
body.community-gallery .community-auth-tabs .community-auth-tab {min-height:44px!important; padding:9px 12px!important; font-size:16px!important; line-height:1.5!important;}
body.community-gallery .community-auth-tabs .community-auth-tab::before {display:none!important;}
body.community-gallery .auth-field {margin-bottom:16px!important;}
body.community-gallery .auth-input {min-height:48px!important; background:var(--journey-surface)!important; color:var(--journey-ink)!important; border-color:var(--journey-line)!important; font-size:16px!important;}
body.community-gallery .auth-submit {background:var(--journey-green)!important; color:var(--journey-on-action)!important; min-height:48px!important;}
body.community-gallery .community-auth-motion-toggle {display:none!important;}
body.community-gallery .ux-bottom-nav {background:var(--journey-surface); border-top:1px solid var(--journey-line); padding-bottom:env(safe-area-inset-bottom);}
body.community-gallery .ux-bottom-nav a {color:var(--journey-ink); font-size:14px; min-height:48px;}
body.community-gallery .ux-bottom-nav a[aria-current="page"] {color:var(--journey-green); background:var(--journey-soft);}
body.community-gallery .community-back-to-top:not(.journey-backtop-visible) {visibility:hidden; pointer-events:none;}
body.community-gallery.art-is-working .paint-motion {animation-play-state:paused!important;}
body.community-gallery.art-ready .community-page-art .paint-motion {animation-duration:calc(4s * var(--art-pace,1))!important; animation-iteration-count:1!important; animation-fill-mode:both!important;}
body.community-gallery.art-ready .community-page-art .page-art-svg {animation:art-intro-finish calc(4s * var(--art-pace,1)) linear both; animation-play-state:var(--scene-art-play,paused)!important;}
body.community-gallery.art-ready .paint-mood-light {animation-name:journey-window-light!important;}
body.community-gallery.art-ready .paint-mood-page {animation-name:journey-paper-turn!important;}
body.community-gallery.art-ready .paint-mood-ink {animation-name:journey-ink-settle!important;}
body.community-gallery.art-ready .paint-mood-thread {animation-name:journey-thread-arrive!important;}
body.community-gallery.art-ready .paint-mood-ring {animation-name:journey-compass-settle!important;}
body.community-gallery.art-ready :is(.paint-mood-light,.paint-mood-page,.paint-mood-ink,.paint-mood-thread,.paint-mood-ring) {animation-duration:4s; animation-iteration-count:1; animation-fill-mode:both; animation-timing-function:ease-in-out; animation-play-state:var(--scene-art-play,var(--exhibition-play,paused))!important;}
@keyframes journey-window-light {0%,100%{opacity:1;transform:translateX(0)}50%{opacity:.76;transform:translateX(9px)}}
@keyframes journey-paper-turn {0%,100%{transform:rotate(0)}45%{transform:rotate(-2deg)}}
@keyframes journey-ink-settle {0%{stroke-dasharray:180;stroke-dashoffset:180}100%{stroke-dasharray:180;stroke-dashoffset:0}}
@keyframes journey-thread-arrive {0%{stroke-dashoffset:35;opacity:.65}100%{stroke-dashoffset:0;opacity:1}}
@keyframes journey-compass-settle {0%,100%{transform:rotate(0)}50%{transform:rotate(8deg)}}
body.community-gallery .art-exhibition .community-page-art__picture {height:auto!important; min-height:0; aspect-ratio:3/2; border-radius:0!important;}
body.community-gallery .art-exhibition {background:var(--journey-surface); color:var(--journey-ink);}
body.community-gallery .journey-art-note {font-size:13px; color:var(--journey-muted);}
body.community-gallery [hidden] {display:none!important;}
@media (max-width:1100px) {
  body.community-gallery .discussion-shell {grid-template-columns:160px minmax(0,1fr);}
  body.community-gallery .discussion-editorial {grid-column:2; padding:18px;}
}
@media (max-width:780px) {
  body.community-gallery {--art-picture-height:88px;}
  body.community-gallery .community-main {width:calc(100% - 32px); padding-top:16px; padding-bottom:90px;}
  body.community-gallery .community-header__inner {min-height:62px; padding-block:8px;}
  body.community-gallery .community-brand img {max-width:140px;}
  body.community-gallery .discussion-shell,body.community-gallery .discussion-shell--board {display:block;}
  body.community-gallery .discussion-sidebar {display:none;}
  body.community-gallery .discussion-editorial {margin-top:24px;}
  body.community-gallery .community-art-host[data-art-format],body.community-gallery .journey-art-header {grid-template-columns:minmax(0,1fr)!important; gap:8px!important; padding:12px 0!important; background:transparent!important;}
  body.community-gallery .community-art-heading :is(h1,h2) {font-size:26px!important; line-height:1.5!important; margin:0 0 6px!important;}
  body.community-gallery .community-art-heading p {font-size:14px!important;}
  body.community-gallery .discussion-intro .community-art-heading {display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
  body.community-gallery .discussion-intro .community-art-heading>div {flex:1; min-width:200px;}
  body.community-gallery .discussion-intro .community-art-heading .message-board-button {font-size:14px; padding:8px 10px;}
  body.community-gallery.discussion-home .discussion-start {display:none;}
  body.community-gallery .community-art-host>.community-page-art,body.community-gallery .journey-art-header>.community-page-art {
    max-width:none!important; grid-template-columns:88px minmax(0,1fr)!important; grid-template-areas:"picture controls"!important;
    align-items:center!important; gap:10px!important; margin:0!important;
  }
  body.community-gallery .community-page-art {grid-template-columns:88px minmax(0,1fr)!important; grid-template-areas:"picture caption" "picture controls"!important; padding:8px 0!important; gap:4px 12px!important; background:transparent!important; margin-bottom:14px!important;}
  body.community-gallery .community-page-art__picture,body.community-gallery .community-art-host>.community-page-art>.community-page-art__picture {height:88px!important; border-radius:3px 22px 3px 3px!important;}
  body.community-gallery .community-page-art__title {font-size:15px!important;}
  body.community-gallery .art-controls {gap:4px!important;}
  body.community-gallery .community-page-art__toggle {padding-inline:7px!important;}
  body.community-gallery .journey-art-settings>summary {padding-inline:7px;}
  body.community-gallery .journey-art-settings[open] {flex-basis:100%;}
  body.community-gallery .journey-art-settings[open]>div {width:100%;}
  body.community-gallery .discussion-search {margin-block:10px;}
  body.community-gallery .discussion-sort {margin-block:6px;}
  body.community-gallery .community-circle-nav>div {gap:4px;}
  body.community-gallery .community-circle-nav a {font-size:13px; padding:5px 8px;}
  body.community-gallery .help-intro h1 {font-size:26px;}
  body.community-gallery .help-intro-actions {gap:8px 12px;}
  body.community-gallery .help-filter {grid-template-columns:1fr 1fr!important;}
  body.community-gallery .help-filter label:has(input[type="search"]) {grid-column:1/-1; order:-1;}
  body.community-gallery .help-filter input[type="search"] {width:100%;}
  body.community-gallery .help-grid {grid-template-columns:minmax(0,1fr);}
  body.community-gallery :is(.message-board-post__content,.discussion-post-content,.topic-detail-content,.topic-content,.help-question-content) {font-size:17px!important;}
  body.community-gallery .member-auth-main {padding:16px!important;}
  body.community-gallery .community-auth-side,body.community-gallery .community-auth-card {padding:16px!important;}
  body.community-gallery .community-auth-tabs {margin-bottom:12px!important;}
  body.community-gallery .community-auth-welcome :is(h1,h2) {font-size:24px!important;}
  body.community-gallery .community-auth-card {border:0!important; padding:12px 0!important;}
  body.community-gallery[data-journey-keyboard="open"] .ux-bottom-nav {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  body.community-gallery :is(.paint-motion,.page-art-svg,.journey-light) {animation:none!important; transition:none!important;}
}