/* 繪本逐漸轉成兒童終端；顏色仍沿用刊物蠟筆色。 */
html{scrollbar-gutter:stable}.publication-intro{position:relative;border:1.5px solid var(--line);border-radius:24px 17px 22px 19px;background:#fffdf7;padding:26px 30px;margin:32px 0 14px;isolation:isolate}.publication-intro:before{content:'';position:absolute;top:-7px;left:38px;width:70px;height:15px;background:#f8d98bba;transform:rotate(-3deg);border-radius:2px 6px;z-index:-1}.publication-intro h2{font-size:25px;margin:0 0 20px;letter-spacing:2px}.intro-patches{display:flex;flex-wrap:wrap;gap:14px 16px;padding:0;margin:0;list-style:none}.intro-patches li{font-size:19px;line-height:1.6;padding:7px 15px;background:#f9efd2;border-radius:13px 8px 15px 11px;transform:rotate(-.5deg);overflow-wrap:anywhere;max-width:100%;box-shadow:0 2px 0 #bbaa9120}.intro-patches li:nth-child(3n+2){background:#f8e4e8;transform:rotate(.6deg)}.intro-patches li:nth-child(3n){background:#e8efdf;transform:rotate(-.3deg)}
.section-row{min-width:0}.section-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.section-pair>.section{min-width:0}.section-surface{min-width:0;position:relative}.section-surface:empty{display:none}.subsection-row{min-width:0;margin:16px 0}.subsection-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.subsection-row>.publication-fold{margin:0}.subsection-row .publication-fold{--accent:var(--section-accent)}
.publication-menu{width:100%;min-height:112px;display:flex;align-items:center;gap:14px;text-align:left;font-size:24px;line-height:1.6;padding:23px;border:1.5px solid var(--ink);border-radius:19px 15px 22px 16px;background:#fffdf7;box-shadow:0 5px 0 #bbaa9140;color:var(--ink);overflow-wrap:anywhere;transition:transform 140ms,box-shadow 140ms,background 140ms}.publication-menu>span:nth-child(2){flex:1;min-width:0}.publication-menu:hover{background:#fff4d7;transform:translateY(-2px);box-shadow:0 7px 0 #bbaa9140}.publication-menu:active{transform:translateY(2px);box-shadow:0 2px 0 #bbaa9140}.publication-menu:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.menu-cursor{color:#9a7b50;font-size:23px}.menu-key{border:1px solid var(--line);border-radius:8px;background:#f2e8d8;min-width:34px;min-height:31px;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.section-style-feature .card{border-width:1.5px;box-shadow:5px 5px 0 #c9b5e822}.section-style-feature .card:before{height:9px;width:70px;transform:rotate(-3deg)}
.section-style-menu>.section-surface{padding:22px;border:1px solid transparent;border-radius:23px 18px 24px 19px}.section-style-menu .section-head:after,.section-style-editorial .section-head:after{content:'';width:9px;height:9px;background:var(--pink);border-radius:50%;box-shadow:14px 0 0 var(--yellow),28px 0 0 var(--green);margin:0 32px 0 8px}
.section-style-archive>.section-surface{padding:20px;border:1px dashed transparent;border-radius:8px 18px 10px 15px;}.section-style-archive .publication-fold{border-radius:9px 13px 8px 17px;box-shadow:4px 4px 0 #e8ddc8}.section-style-archive .publication-fold>summary{background:#f6edda}.section-style-archive .card{background:#fffef9}.section-style-archive .publication-fold>summary:before{border-radius:5px;transform:rotate(-3deg);background:#d9e8ed}
.section-style-notice>.section-surface{padding:22px;border:1px solid transparent;border-radius:22px;}.notice-current .card{border-left:5px solid #a9c9c3;background:#fffef9;margin:0 0 18px}.notice-current:last-child .card{margin-bottom:0}.section-style-notice .publication-fold{margin:12px 0;background:#fffef8}.section-style-notice .publication-fold>summary{font-size:22px}
.section-style-quest>.section-surface{border:1px solid transparent;border-radius:22px;padding:22px;}.section-style-quest .publication-menu{border-radius:12px 21px 14px 19px;box-shadow:0 5px 0 #c9b5e84d}.section-style-quest .menu-cursor{background:#f8d98b;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}
.section-style-cooperation>.section-surface{border:1px solid transparent;border-radius:20px;padding:22px}.section-style-cooperation .grid{grid-template-columns:minmax(0,1fr)}.section-style-cooperation .card{border-style:dashed;border-width:1.5px;background:#fffef9}.section-style-cooperation .exchange-facts{padding-top:15px}
.section-style-editorial>.section-surface{padding:24px;border:2px solid transparent;border-radius:28px 20px 25px 21px;}.section-style-editorial .publication-menu{min-height:88px;border-color:#a8b49c;background:#fffdf5}.section-style-editorial .publication-fold{background:#fffdf4;border-color:#b9c7aa}.section-style-editorial .publication-fold>summary{background:#f6eddb}.afterword-card{background:repeating-linear-gradient(transparent 0,transparent 37px,#ccbda233 38px),#fffaf0!important;padding:25px!important;border-radius:8px 16px 11px 17px!important}.afterword-card .prose{line-height:2!important}.afterword-card:before{display:none}
#reader-dialogs .dialog{width:min(1040px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:0;border:2px solid #9aa88b;border-radius:25px 19px;background:#fffaf0;box-shadow:0 12px 0 #66534c15}#reader-dialogs .dialog-head{position:sticky;top:0;z-index:2;padding:16px 18px;background:#e9efdb;border-radius:13px 11px;border-bottom:1px solid #c8d3b9;align-items:center;gap:18px}#reader-dialogs .dialog-head h2{min-width:0;overflow-wrap:anywhere;font-size:26px}#reader-dialogs .close{flex-shrink:0;background:#fffaf0;border-radius:12px}#reader-dialogs .panel-content .fold-content{padding:0}#reader-dialogs .panel-content .editorial-card{border:0;padding:6px 4px;background:transparent}#reader-dialogs .panel-content .editorial-card>h3{display:none}#reader-dialogs .panel-content .card-body{font-size:19px;line-height:1.95}.publication-fold[open]>.fold-content{animation:page-reveal 150ms ease-out}.panel-content{animation:page-reveal 160ms ease-out}@keyframes page-reveal{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.reader-mailbox{margin-top:26px;font-size:19px;line-height:1.8}.reader-mailbox fieldset{border:1px solid #bdcaaa;border-radius:16px;padding:22px;margin:22px 0;background:#f5f6e9}.reader-mailbox legend{font-size:22px;font-weight:bold;padding:0 12px}.reader-mailbox label{display:block;margin:14px 0 7px}.reader-mailbox input:not([type=checkbox]),.reader-mailbox select,.reader-mailbox textarea{display:block;box-sizing:border-box;width:100%;min-width:0;font:inherit;color:var(--ink);background:#fffef9;border:1px solid var(--line);border-radius:10px;padding:11px 13px;min-height:46px}.reader-mailbox textarea{resize:vertical;line-height:1.8;overflow-wrap:anywhere}.reader-mailbox input:disabled{background:#ececde}.reader-mailbox .mailbox-check{display:flex;gap:10px;align-items:center}.reader-mailbox .mailbox-check input{width:20px;height:20px;accent-color:#8d9d76}.reader-mailbox button,.reader-mailbox .button{font:inherit;min-height:44px;margin-top:16px;padding:10px 18px;border-radius:12px}.mailbox-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.reader-status{padding:13px 17px;background:#f7eccf;border-radius:12px;font-size:18px;overflow-wrap:anywhere}.reader-letter{padding:22px;margin:18px 0;border:1px solid var(--line);border-radius:17px;background:#fffdf5}.reader-letter header{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.reader-reply{border-left:3px solid #b9d8a8;padding:13px 0 0 18px;margin-top:20px}.reader-mailbox .prose{white-space:pre-line}.submission-result[hidden]{display:none!important}
@media(max-width:850px){.section-pair,.subsection-pair{grid-template-columns:minmax(0,1fr);gap:0}.subsection-pair>*+*{margin-top:18px}.publication-intro{padding:24px 20px}.section-style-menu>.section-surface,.section-style-archive>.section-surface,.section-style-notice>.section-surface,.section-style-quest>.section-surface,.section-style-cooperation>.section-surface,.section-style-editorial>.section-surface{padding:17px}.publication-menu{min-height:87px;font-size:22px;padding:18px;gap:10px}.reader-mailbox fieldset{padding:15px}#reader-dialogs .dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 22px)}#reader-dialogs .dialog-inner{padding:17px}#reader-dialogs .dialog-head{padding:12px;gap:10px}#reader-dialogs .dialog-head h2{font-size:23px}.intro-patches{gap:10px}.intro-patches li{font-size:18px;padding:7px 11px}.mailbox-actions{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.publication-menu,.panel-content,.publication-fold[open]>.fold-content{animation:none;transition:none;transform:none}.intro-patches li{transform:none}}

/* 一般服務卡按實際筆數排列；特殊卡片與分類入口不套用。 */
.grid.general-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.grid.general-cards.cards-single{grid-template-columns:minmax(0,1fr)}.grid.general-cards>.card{grid-column:auto;min-width:0}
@media(max-width:760px){.grid.general-cards{grid-template-columns:minmax(0,1fr)}}

/* 範例獨立收合；六卡分頁沿用原分類閱讀窗。 */
.card .sample-fold{display:block}.sample-fold>summary{font-size:18px;line-height:1.75;color:var(--ink)}.sample-fold>.sample-cards{margin-top:14px;width:100%;min-width:0}.panel-pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 0 26px}.panel-pagination button{font-size:18px}.panel-page-status{font-size:18px;line-height:1.75;white-space:nowrap}.panel-page-status:focus-visible{outline-offset:4px}.panel-content .card{overflow-wrap:anywhere}.sample-fold[open]>.sample-cards{display:grid}
#reader-dialogs .panel-content .words,#reader-dialogs .panel-content .tag,#reader-dialogs .sample-cards .article-card span,#reader-dialogs .sample-cards .article-card strong{font-size:18px;line-height:1.75}
.card>.tag{margin:0 6px 6px 0}.card>.business-state{border:1.5px solid var(--ink);background:var(--paper);font-weight:bold}#service-tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:760px){.panel-pagination{gap:10px}.panel-pagination button{padding:8px 12px}.panel-content .general-cards{gap:18px}}

/* 外層保留排版尺寸；色彩與紙張層次留在各張卡片。 */
.section>.section-surface{background:none;border-color:transparent;box-shadow:none}

/* V1.7.5 中性基底只作用於分類與項目，SVG與封面特色保留。 */
.neutral-edition .card{background:#fffdf8;border-color:var(--line);box-shadow:none}.neutral-edition .card:before{display:none}.neutral-edition .tag{background:#f0e9dd;color:var(--ink)}.neutral-edition .section-head:after{display:none}
.neutral-edition :is(.section-style-menu,.section-style-archive,.section-style-quest)>.section-surface{padding:22px;border-width:1px}
.neutral-edition .publication-menu{min-height:88px;padding:18px 22px;font-size:23px;font-weight:400;border:1px solid var(--line);border-radius:18px 15px 19px 16px;background:#fffdf8;box-shadow:0 3px 0 #bbaa9126;gap:14px}
.neutral-edition .section:not(.section-style-editorial) .publication-fold{border:1px solid var(--line);border-radius:18px 15px 19px 16px;background:#fffdf8;box-shadow:0 3px 0 #bbaa9126}.neutral-edition .section:not(.section-style-editorial) .publication-fold>summary{min-height:86px;padding:18px 22px;font-size:23px;font-weight:400;background:#fffdf8;gap:14px}
.neutral-edition .section:not(.section-style-editorial) .publication-fold>summary:before{content:'▸';background:transparent;border-radius:0;font-size:20px;width:24px;height:32px;transform:none}.neutral-edition .section:not(.section-style-editorial) .publication-fold[open]>summary:before{content:'▾'}
.neutral-edition .menu-cursor{background:transparent;color:var(--ink);font-size:20px;width:24px;height:32px;border-radius:0;display:grid;place-items:center;flex-shrink:0}.neutral-edition .menu-key{background:#f2eee6;border-color:var(--line)}
.neutral-edition .publication-menu:hover{background:#f5f0e6;border-color:#a58f7f}.neutral-edition .publication-menu:focus-visible,.neutral-edition .section:not(.section-style-editorial) .publication-fold>summary:focus-visible{outline:3px solid var(--focus)}
.neutral-edition :is(#section-recommended,#section-popular,#section-features) .card{min-height:280px}
.neutral-edition .business-state[data-state='state-open']{background:#e6eddf}.neutral-edition .business-state[data-state='state-pause']{background:#f5edd9}.neutral-edition .business-state[data-state='state-adjust']{background:#e8e4df}
#reader-dialogs .neutral-edition.dialog{border-color:var(--line)}#reader-dialogs .neutral-edition .dialog-head{background:#f3ede2;border-color:var(--line)}
@media(max-width:760px){.neutral-edition .publication-menu{padding:16px 18px;font-size:22px}.neutral-edition .section:not(.section-style-editorial) .publication-fold>summary{padding:16px 18px;font-size:22px}}
@media(max-width:850px){.neutral-edition :is(.section-style-menu,.section-style-archive,.section-style-quest)>.section-surface{padding:17px}}
/* 手動配色只覆寫本人裝飾，不改外形及排列。 */
.neutral-edition .card[data-decor-border="true"],.neutral-edition .publication-menu[data-decor-border="true"],.neutral-edition .section:not(.section-style-editorial) .publication-fold[data-decor-border="true"]{border-color:var(--decor-border)}
.neutral-edition .card[data-decor-stroke="true"]:before{display:block;background:var(--decor-stroke)}
.neutral-edition .card[data-decor-tag="true"]>.tag{background:var(--decor-tag);color:var(--decor-tag-ink)}

.character-tag{display:inline-flex;align-items:center;gap:7px;margin:4px 10px 4px 0}.character-tag img{width:36px;height:36px;object-fit:contain}

/* 已審核編輯部留言附加在原折疊框內。 */
.editorial-message{border-top:1px dashed var(--line,#cbbbad);margin-top:1rem;padding-top:1rem}.editorial-line{display:flex;gap:.8rem;align-items:flex-start;margin:.8rem 0;min-width:0}.editorial-line>div{min-width:0;overflow-wrap:anywhere}.editorial-line img{width:3.5rem;height:3.5rem;border-radius:1rem;flex:none}
