@charset "UTF-8";
/* ==========================================================================
   投稿页专属样式 —— posts.html
   依赖 common.css（须先引入）
   注意:本页的面包屑用 .crumbbar（横条型），投稿表单容器用 .submitform，
        以避免与 common.css 里的 .crumb（行内文字型）和 .submitbox（侧栏深色 CTA）冲突。
   ========================================================================== */

/* 面包屑横条 .crumbbar 已移至 common.css 共用 */

/* ===== 页首横幅 ===== */
.pagehero{background:linear-gradient(135deg,#FFF4EA,#FDEBDD);border-bottom:1px solid #F3D9C2;padding:34px 0}
.pagehero h1{font-family:var(--serif);font-weight:900;font-size:clamp(24px,3vw,32px);line-height:1.45}
.pagehero h1 em{font-style:normal;color:var(--spot-deep)}
.pagehero p{margin-top:10px;font-size:14.5px;color:#7A5A3A;max-width:44em;line-height:1.8}

/* ===== 投稿表单 ===== */
.submitform{padding:34px 0 46px}
.submitform .wrap{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.submitform h2{font-family:var(--serif);font-weight:900;font-size:22px;line-height:1.4;padding-left:14px;border-left:5px solid var(--spot);margin-bottom:18px}
.submitform .fld{margin-bottom:15px}
.submitform label{display:block;font-weight:800;font-size:13.5px;margin-bottom:6px}
.submitform label i{font-style:normal;color:var(--spot-deep)}
.submitform input[type=text],.submitform select{width:100%;font-family:var(--sans);font-size:14.5px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:9px;padding:11px 13px}
.submitform input:focus,.submitform select:focus{outline:none;border-color:var(--spot)}
.submitform .row{display:flex;gap:10px;align-items:stretch}
.submitform .row input{flex:1}
.submitform .codebtn{flex:none;background:var(--pine);color:#fff;border:none;border-radius:9px;padding:0 18px;font-family:var(--sans);font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap}
.submitform .codebtn:hover{background:var(--ink)}
.submitform .hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7}
.submitform .sendbtn{background:var(--spot);color:#fff;border:none;border-radius:11px;padding:14px 38px;font-family:var(--sans);font-weight:900;font-size:16px;cursor:pointer;margin-top:10px}
.submitform .sendbtn:hover{background:var(--spot-deep)}

/* ===== 侧栏:投稿须知 ===== */
.guide{border:1.5px solid var(--line);border-radius:13px;overflow:hidden;position:sticky;top:78px}
.guide .gh{background:var(--ink);color:#fff;padding:11px 16px;font-weight:900;font-size:14.5px;letter-spacing:1px}
.guide .gb{padding:15px 17px}
.guide .gb b{display:block;font-size:13.5px;margin-bottom:5px}
.guide .gb p{font-size:12.5px;color:var(--muted);line-height:1.8;margin-bottom:14px}
.guide .gb p:last-child{margin-bottom:0}
.guide ol{margin:0 0 14px 17px;font-size:12.5px;color:var(--muted);line-height:1.9}

/* ===== 响应式 ===== */
@media (max-width:860px){
  .submitform .wrap{grid-template-columns:1fr}
  .guide{position:static}
}
@media (max-width:600px){
  .submitform .row{flex-direction:column}
  .submitform .codebtn{padding:12px 18px}
}