.message-wall-page{background:#fff;color:#111}
.message-wall-shell{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(24px,4.4vw,64px)}
.message-wall-hero{padding:72px 0 54px;background:#f6f7f8;border-bottom:1px solid #e4e7ea}
.message-wall-kicker{margin:0 0 16px;color:#a87932;font:600 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.message-wall-hero h1{max-width:820px;margin:0;font-size:clamp(42px,5vw,72px);font-weight:560;line-height:1.05;letter-spacing:-.045em}
.message-wall-lead{max-width:760px;margin:24px 0 0;color:#676d75;font-size:18px;line-height:1.75}
.message-wall-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:54px;border-top:1px solid #dfe2e5;border-bottom:1px solid #dfe2e5}
.message-wall-rules span{padding:20px 28px 20px 0;color:#747a82;font-size:13px;line-height:1.65}
.message-wall-rules span+span{padding-left:28px;border-left:1px solid #dfe2e5}
.message-wall-rules b{display:block;margin-bottom:3px;color:#18191b;font-size:14px;font-weight:650}
.message-wall-content{padding:64px 0 100px}
.message-wall-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #202225}
.message-wall-head h2{margin:0;font-size:28px;font-weight:650;letter-spacing:-.025em}
.message-wall-head p{margin:0;color:#8a9098;font:12px/1.5 "IBM Plex Mono",monospace}
.message-wall-list{max-width:1120px;margin:0 auto}
.message-wall-item{display:grid;grid-template-columns:140px minmax(0,1fr) 150px;gap:34px;align-items:center;min-height:154px;padding:34px 0;border-bottom:1px solid #e0e3e6}
.message-wall-item blockquote{margin:0;color:#34383e;font-size:20px;line-height:1.62;text-align:center;text-wrap:balance}
.message-wall-name{color:#7f858d;font-size:13px;text-align:right}
.message-wall-source{color:#a87932;font:500 11px/1.5 "IBM Plex Mono",monospace;letter-spacing:.04em}
.message-wall-item time{display:block;margin-top:5px;color:#9ba0a7;font:11px/1.5 "IBM Plex Mono",monospace}
.message-wall-item.is-pending{margin-top:18px;padding-inline:20px;border:1px dashed #c69a58;background:#fffaf1}
.message-wall-item.is-pending .message-wall-source{color:#8a642b}
.message-wall-state{margin:30px 0;color:#92979e;font-size:13px;text-align:center}
.message-wall-state:empty{display:none}
.message-wall-compose{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);gap:80px;margin-top:92px;padding-top:54px;border-top:1px solid #202225}
.message-wall-compose h2{margin:0;font-size:38px;font-weight:560;letter-spacing:-.035em}
.message-wall-compose>div>p:last-child{max-width:410px;margin:18px 0 0;color:#747a82;font-size:14px;line-height:1.75}
.message-wall-compose form label{display:block}
.message-wall-compose form label>span{display:block;margin-bottom:8px;color:#666c74;font-size:12px;font-weight:600}
.message-wall-compose textarea,.message-wall-compose input{box-sizing:border-box;width:100%;border:1px solid #d9dde1;border-radius:0;background:#fafbfc;color:#17191c;outline:none}
.message-wall-compose textarea{min-height:150px;padding:18px 20px;resize:vertical;font-size:16px;line-height:1.65}
.message-wall-compose input{height:50px;padding:0 16px}
.message-wall-compose textarea:focus,.message-wall-compose input:focus{border-color:#202225;background:#fff}
.message-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px}
.message-submit-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}
.message-submit-row p{max-width:480px;margin:0;color:#8a9098;font-size:11px;line-height:1.6}
.message-submit-row button{flex:0 0 auto;min-width:184px;height:50px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;font-weight:650;cursor:pointer}
.message-submit-row button:hover{background:#303236}
.message-submit-row button:disabled{cursor:wait;opacity:.55}
[data-message-output]{display:block;min-height:21px;margin-top:12px;color:#5f6670;font-size:12px;line-height:1.6}
[data-message-output][data-state="error"]{color:#9d3030}
.message-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.message-wall-page footer{border-top:1px solid #e0e3e6}
.message-wall-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:110px;color:#858b93;font-size:12px}
.message-wall-foot nav{display:flex;gap:24px}

/* 首页原稿入口与提交回执：维持已定稿的居中留言布局。 */
.page>main>.messages .view-messages{display:flex;align-items:center;width:max-content;min-height:0;margin:10px auto 30px;padding:0 0 3px;border-bottom:1px solid #111;color:#111;font-size:13px;line-height:1.35}
.page>main>.messages .message-form-note{margin:12px 0 0;color:#8a8f96;font-size:11px;line-height:1.6;text-align:center}
.page>main>.messages [data-message-output]{text-align:center}

@media(max-width:760px){
  .message-wall-shell{padding-inline:20px}.message-wall-hero{padding:50px 0 34px}.message-wall-hero h1{font-size:44px}.message-wall-lead{font-size:16px}.message-wall-rules{grid-template-columns:1fr;margin-top:36px}.message-wall-rules span,.message-wall-rules span+span{padding:16px 0;border-left:0}.message-wall-rules span+span{border-top:1px solid #dfe2e5}.message-wall-content{padding:44px 0 72px}.message-wall-head{align-items:start;flex-direction:column;gap:8px}.message-wall-item{grid-template-columns:1fr;gap:8px;min-height:0;padding:28px 0}.message-wall-item blockquote{font-size:18px;text-align:center}.message-wall-name{text-align:center}.message-wall-source{text-align:center}.message-wall-item time{display:inline;margin-left:7px}.message-wall-compose{grid-template-columns:1fr;gap:34px;margin-top:66px;padding-top:42px}.message-wall-compose h2{font-size:32px}.message-fields{grid-template-columns:1fr}.message-submit-row{align-items:stretch;flex-direction:column}.message-submit-row button{width:100%}.message-wall-foot{align-items:flex-start;flex-direction:column;justify-content:center}.page>main>.messages .view-messages{margin-bottom:26px}
}
