.narrative-toggle{display:flex;align-items:center;gap:10px;font-size:16px;margin:20px 0 9px}.narrative-toggle input,.narrative-check input{accent-color:#7b5139;width:18px;height:18px;flex:none}.narrative-help{font-size:14px;line-height:1.8;color:#776d5f;margin:0 0 22px}.narrative-options{margin-top:14px;padding-top:10px;border-top:1px solid #bbb3a4}.narrative-options summary{cursor:pointer;font-size:14px;padding:8px 2px;min-height:40px}.narrative-field{display:block;font-size:14px;margin:14px 0;line-height:1.6}.narrative-field select,.narrative-field input,.narrative-field textarea{display:block;width:100%;padding:10px 8px;font-size:15px;background:#fffdf8;border:1px solid #bcb4a7;border-radius:0;margin-top:7px}.narrative-field textarea{min-height:110px;resize:vertical}.narrative-check{display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.6}.story-sort-item{width:200px}.narrative-layout{display:block!important;width:100%;min-width:0}.narrative-layout>.story-row{display:flex;align-items:flex-start;gap:24px;margin:0 0 55px;width:100%}.narrative-layout>.story-row>.card{flex:var(--narrative-ratio,1) 1 0;min-width:0;width:auto;grid-column:auto!important}.narrative-layout .photo-frame{background:transparent;overflow:hidden}.narrative-layout .photo-frame img{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;cursor:zoom-in}.narrative-layout>.story-row.is-single.is-portraits{max-width:500px;margin-left:auto;margin-right:auto}.narrative-layout>.story-row.is-portraits:not(.is-single){max-width:820px;margin-left:auto;margin-right:auto}.narrative-layout>.story-row.mode-feature{margin-top:25px;margin-bottom:75px}.narrative-layout>.story-row.mode-feature.is-portraits{max-width:620px}.narrative-layout>.story-row.mode-solo{max-width:720px;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:65px}.narrative-layout>.story-row.mode-solo.is-portraits{max-width:460px}.narrative-caption{font-size:15px;color:#72695f;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 0 0}.story-chapter{padding:35px 0 25px;margin:30px auto 40px;max-width:680px;border-top:1px solid #c6b6a0}.story-chapter h3{font-family:'Songti SC',SimSun,serif;font-size:32px;font-weight:400;line-height:1.5;margin:10px 0 20px;overflow-wrap:anywhere}.story-chapter p{font-size:17px;line-height:2.1;color:#635e54;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.narrative-preview{padding:15px 12px;background:#f9f7f1;max-height:540px!important}.narrative-preview>.story-row{gap:12px;margin-bottom:28px}.narrative-preview .story-chapter{padding-top:18px;margin:12px 0 25px}.narrative-preview .story-chapter h3{font-size:24px}.narrative-preview .story-chapter p{font-size:15px}.narrative-preview .photo-frame img{cursor:default;max-height:470px}.narrative-preview .narrative-caption{font-size:14px}.narrative-masonry .story-row.is-single:not(.mode-feature):not(.mode-solo){max-width:680px;margin-left:auto;margin-right:auto}
@media(max-width:650px){.story-sort-item{width:210px}.narrative-field select,.narrative-field input,.narrative-field textarea{font-size:16px}.narrative-layout>.story-row{gap:12px;margin-bottom:34px}.narrative-layout>.story-row.mode-feature{margin-top:12px;margin-bottom:48px}.narrative-layout>.story-row.mode-solo{margin-top:20px;margin-bottom:40px}.story-chapter{padding:24px 0 14px;margin:24px 0 30px}.story-chapter h3{font-size:27px;margin-bottom:14px}.story-chapter p{font-size:16px;line-height:2}.narrative-caption{font-size:15px;margin-top:12px}.narrative-preview{max-height:460px!important;padding:10px}.narrative-layout .photo-frame img{max-height:80dvh}.narrative-preview .photo-frame img{max-height:380px}}

.narrative-waterfall{columns:2;column-gap:24px;margin-bottom:45px}.narrative-waterfall>.card{display:inline-block;width:100%;break-inside:avoid;margin-bottom:32px;vertical-align:top}.narrative-preview .narrative-waterfall{column-gap:12px}.narrative-preview .narrative-waterfall>.card{margin-bottom:20px}
@media(max-width:650px){.narrative-layout>.story-row{flex-direction:column}.narrative-layout>.story-row>.card{width:100%;flex:none}.narrative-waterfall{columns:1}.narrative-preview .narrative-waterfall{columns:1}}
.narrative-layout>.story-row.mode-feature .photo-frame img{max-height:120vh}.focus-art .narrative-caption{display:none}@media(max-width:650px){.narrative-layout>.story-row.mode-feature .photo-frame img{max-height:100dvh}}
