/* 不附楚 V3：城门与信笺。背景、标题、纸张、按钮和正文分别独立。 */
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:#f8e5c9;color:#654632;font-family:"Microsoft YaHei","PingFang SC",sans-serif}h1,h2,h3,p{margin:0}button,textarea{font:inherit}[hidden]{display:none!important}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline:2px solid #b84c31;outline-offset:3px}
.history-page{position:relative;isolation:isolate;width:100%;max-width:460px;min-height:100svh;margin:auto;padding:0 26px 36px;overflow:hidden}.history-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-2;pointer-events:none}.history-header{height:290px;position:relative;padding-top:27px}.chapter{display:flex;align-items:center;gap:10px;color:#8c4f34;font-size:12px;font-weight:700;letter-spacing:2px}.chapter span{font-size:9px;letter-spacing:1px;padding:4px 7px;border:1px solid #be87665c;border-radius:4px;background:#fff1d966}.history-header h1{width:174px;height:155px;margin:19px 0 0 -4px}.history-header h1 img{width:100%;height:100%;object-fit:contain}.history-brand{margin-top:4px;font-size:9px;letter-spacing:.5px;color:#7b5840}
.question-block{padding:0 8px 0 8px}.section-kicker{font-size:10px;color:#9a7356;letter-spacing:2px;margin-bottom:8px}.question-block h2{font-size:24px;font-weight:700;line-height:1.48;letter-spacing:1px}.question-block h2 strong{color:#b75235}.letter-sheet{position:relative;isolation:isolate;margin:17px -4px 0;padding:28px 29px 25px;min-height:260px;transform:rotate(-1deg)}.paper-layer{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.letter-heading{display:flex;align-items:center;gap:10px}.letter-mark{font-family:"KaiTi",serif;color:#a9583c;font-size:14px}.letter-heading label{font-size:14px;font-weight:700;color:#78513b;letter-spacing:1px}.letter-number{margin-left:auto;font:italic 23px Georgia,serif;color:#c6a17d}.letter-prompt{margin:11px 0 7px;font-size:11px;color:#a78b70}.opinion-input{position:relative}.opinion-input textarea{width:100%;height:122px;padding:0 2px 24px;border:0;border-radius:0;resize:none;display:block;color:#735039;font-size:14px;line-height:30px;background:repeating-linear-gradient(transparent 0,transparent 29px,#cbb2926b 29px,#cbb2926b 30px)}.opinion-input textarea::placeholder{color:#b79b7d}.opinion-input>span{position:absolute;right:0;bottom:1px;font-size:9px;color:#a88d74;background:#fff6e8;padding:2px 3px}.letter-signature{margin-top:10px;text-align:right;font-size:10px;color:#ae8e70;letter-spacing:1px}
.action-row{display:flex;gap:11px;align-items:center;margin:8px 1px 0}.art-button{position:relative;isolation:isolate;display:block;border:0;padding:0;background:transparent;height:64px;flex:1;min-width:0}.art-button img{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:fill;pointer-events:none}.art-button span{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;font-weight:700;letter-spacing:1px;white-space:nowrap}.submit-button span{padding-left:24px;color:#fff4df;text-shadow:0 1px #853721}.envelope-button{transform:rotate(3deg)}.envelope-button span{padding-right:18px;color:#895436;font-size:12px}.art-button:active{translate:0 2px}.opinion-note{text-align:center;font-size:9px;line-height:1.6;min-height:15px;color:#a08060;margin-top:7px}.history-footer{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:30px;color:#9d7956;font-size:9px;letter-spacing:2px}.history-footer span{width:18px;height:1px;background:#bc936c80}
.voices-heading{padding:0 8px}.voices-heading h2{font-size:23px;color:#a34c32;letter-spacing:1px}.sample-note{font-size:9px;margin-top:9px;color:#a08060}.voices-list{margin:18px 8px 0;border-left:1px dashed #c89f79;padding-left:17px}.voice-card{position:relative;padding:14px 15px;margin-bottom:13px;background:#fff5e3e6;box-shadow:3px 4px 0 #d5b48d35;border-radius:2px 14px 3px 3px;border-bottom:1px solid #d7b99677}.voice-card::before{content:"";position:absolute;left:-22px;top:18px;width:8px;height:8px;background:#c97b51;border-radius:50%;border:2px solid #f6e2c3}.voice-card:nth-child(2){transform:rotate(1deg)}.voice-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.voice-number{font-size:10px;letter-spacing:1px;color:#b26443}.voice-card h3{font-size:9px;font-weight:400;color:#b09275}.voice-card>p{font-size:12px;line-height:1.8;color:#7d5a40}.return-button{width:178px;height:58px;margin:12px auto 0}.return-button span{font-size:13px}
@media(max-width:360px){.history-page{padding-left:20px;padding-right:20px}.history-header{height:265px}.history-header h1{width:155px;height:140px}.question-block h2{font-size:22px}.letter-sheet{padding-left:25px;padding-right:25px}.art-button span{font-size:12px}.envelope-button span{font-size:11px}}
@media(prefers-reduced-motion:no-preference){section:not([hidden]){animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}

.history-brand{display:inline-block;padding:4px 6px;background:#fff0d9dc;border-radius:3px;font-size:10px;color:#79513b}

/* 2026-10-24 原素材修订，仅本主题生效；几何形态不重绘。 */
.history-page{padding-bottom:55px}
.history-header{height:278px}
.history-header h1,.chapter,.history-brand{position:relative;z-index:2}
.history-brand{background:#fff0d9ef}
.architecture-layer{position:absolute;left:-26px;bottom:6px;width:calc(100% + 52px);height:auto;opacity:.26;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 65%,transparent 100%)}
.vessel-layer{position:absolute;right:0;top:109px;width:144px;height:auto;object-fit:contain;z-index:1;pointer-events:none}
.inscription-layer{position:absolute;right:11px;top:26px;width:auto;height:72px;opacity:.8;pointer-events:none}
.war-layer{position:absolute;bottom:9px;left:-12%;width:124%;height:auto;opacity:.13;z-index:-1;pointer-events:none}
.art-button{height:57px}
.submit-button span,.envelope-button span{padding:0;font-size:13px}
.envelope-button{transform:none}
.opinion-note{color:#93704d}
.history-footer{margin-top:24px}
@media(max-width:360px){.history-header{height:260px}.vessel-layer{width:127px;top:115px}.architecture-layer{left:-20px;width:calc(100% + 40px)}.inscription-layer{right:7px}}

.history-header{height:290px}.architecture-layer{left:auto;right:-26px;bottom:4px;width:245px;opacity:.34;mask-image:linear-gradient(#000 70%,transparent)}.vessel-layer{top:93px;width:148px}.inscription-layer{height:61px;top:23px}@media(max-width:360px){.history-header{height:273px}.architecture-layer{left:auto;right:-20px;width:220px}.vessel-layer{width:127px;top:102px}}

/* 人物叙事版：原人物 + 参考建筑改绘场景 + 独立器物。 */
.history-page{padding-bottom:35px}
.history-header{height:342px}
.character-layer{position:absolute;right:1px;top:75px;width:145px;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(1px 3px 1px #a86a3028)}
.character-ground{position:absolute;right:-1px;top:293px;width:151px;height:17px;border-radius:50%;background:#9f61342b;filter:blur(3px)}
.vessel-layer{top:257px;left:46px;right:auto;width:113px;z-index:3;filter:drop-shadow(0 3px 2px #8a542625)}
.inscription-layer{top:264px;left:12px;right:auto;height:56px;opacity:.8}
.history-brand{background:#fff0d9e6}
.letter-sheet{min-height:220px;padding-top:22px;padding-bottom:20px;margin-top:14px}
.opinion-input textarea{height:95px}
.letter-prompt{margin-top:8px}
.letter-signature{margin-top:7px}
.war-layer{opacity:.07;bottom:19px}
@media(max-width:360px){.history-header{height:320px}.character-layer{right:-2px;top:87px;width:128px}.character-ground{top:278px;width:134px}.vessel-layer{left:36px;top:250px;width:100px}.inscription-layer{left:6px;top:252px;height:49px}.history-header h1{width:151px;height:139px}}

/* 为列表保留完整按钮与页脚空间。 */
.voices-list{margin-top:12px}.voice-card{padding:11px 15px;margin-bottom:10px}.section-kicker{color:#805335}

/* 观众参与展览的邀请，放在独立纸笺文字层，不挤占输入区。 */
.participation-heading{min-height:27px;padding-left:2px}
.participation-heading label{font-size:14px;line-height:1.55;letter-spacing:.2px;color:#a34c32}
.participation-note{font-size:11px;line-height:1.65;color:#876047;margin:6px 0 9px}
@media(max-width:360px){.participation-heading label{font-size:13px}.participation-note{font-size:10px}}

/* 错位叙事构图：邀请手势、前景器物与标题形成对角线。 */
.history-header{height:360px}
.history-header h1{width:180px;transform:rotate(-4deg);transform-origin:35% 70%;margin-left:-5px}
.history-brand{margin-left:4px;background:#fff0d9dd}
.character-layer{right:-28px;top:66px;width:192px;z-index:3;transform:rotate(-2deg);transform-origin:50% 95%}
.character-ground{right:-21px;top:342px;width:174px;height:15px;transform:rotate(-3deg)}
.vessel-layer{left:108px;right:auto;top:270px;width:135px;z-index:4;transform:none;filter:drop-shadow(0 5px 3px #85452545)}
.inscription-layer{left:-10px;right:auto;top:269px;height:64px;opacity:.65;transform:rotate(-5deg)}
.question-block>.section-kicker,.voices-heading>.section-kicker{display:none}
.question-block{padding-left:5px}
.voices-list{border:0;padding-left:0;margin-left:2px;margin-right:2px}
.voice-card::before{display:none}
.voice-card:nth-child(1){margin-right:15px;transform:rotate(-.65deg)}
.voice-card:nth-child(2){margin-left:13px;transform:rotate(.55deg)}
.voice-card:nth-child(3){margin-right:8px;transform:rotate(-.35deg)}
@media(max-width:360px){.history-header{height:340px}.history-header h1{width:160px}.character-layer{right:-25px;top:76px;width:172px}.character-ground{right:-21px;top:323px;width:157px}.vessel-layer{left:83px;top:258px;width:126px}.inscription-layer{left:-10px;top:254px;height:60px}}

.vessel-layer{left:119px;width:144px}@media(max-width:360px){.vessel-layer{left:91px;width:130px}}

/* 2026-10-27 指定品牌与参与展览原文，仅修改必要文字排版。 */
.history-brand{max-width:176px;line-height:1.6;letter-spacing:0;font-size:10px;white-space:normal}
.participation-message{margin:0 0 12px;padding:1px 2px 0;font-size:15px;line-height:1.65;font-weight:700;color:#a23d24;letter-spacing:.1px;overflow-wrap:anywhere}
.participation-message strong{color:inherit;font-weight:800}
@media(max-width:360px){.history-brand{max-width:157px;font-size:9.5px}.participation-message{font-size:14px;line-height:1.6}}

/* 移除章节小标题后维持艺术字与品牌的原有垂直位置。 */
.history-header h1{margin-top:43px}

/* 按皮肤正面（SVG y=3..51/58）居中，排除底部阴影与透明留白。 */
.action-row .art-button > span{
  position:absolute;
  inset:5.172414% 2.222222% 12.068966%;
  height:auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  letter-spacing:0;
  text-align:center;
  transform:none;
}