/* 子页面独有样式（farm/market/membership 通用 + 特有） */
/* 基础骨架：.page-header / .page-nav 的基础样式、响应式汉堡样式已统一在 styles.css */

.page-shell{min-height:100vh;background:#fffaf0}

/* 主内容区：仅子页面使用，index.html 使用各 section 独立容器 */
.page-main{max-width:var(--maxw-tight);margin:auto;padding:42px var(--pad-desktop) 78px}
.page-heading{text-align:center;max-width:580px;margin:0 auto 37px}
.page-heading h1{color:#315d3c;font-size:35px;letter-spacing:-1px;margin:7px 0 10px}
.page-heading p{font:500 14px/1.85 "Noto Sans SC";color:#74816e;margin:0}

/* 备用农场布局（farm.html 暂时使用 game-layout，此处保留为后续版本准备） */
.farm-summary{display:grid;grid-template-columns:1.45fr .8fr;gap:18px}
.farm-summary .farm-board{min-height:395px}
.farm-summary .farm-scene{height:340px}
.farm-side{background:#fffdf7;border-radius:20px;padding:23px;box-shadow:var(--shadow)}
.farm-side h3{color:#406247;margin:6px 0 14px}
.farm-side p{color:#75816f;font:500 13px/1.8 "Noto Sans SC"}
.farm-todo{margin-top:20px;border-top:1px solid #eee6d7;padding-top:17px}
.farm-todo div{padding:9px 0;font:600 12px "Noto Sans SC";color:#667a63}

/* 会员页：独立于 index.html 的 .membership section 布局 */
.member-page .plans{max-width:920px;margin:auto}
.member-page .membership-intro{text-align:center;max-width:590px;margin:0 auto 37px}
.member-page .membership-intro h2{font-size:31px}

/* 子页面 toast */
.page-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,110px);padding:11px 16px;background:#315f40;color:white;border-radius:12px;font:700 12px "Noto Sans SC";opacity:0;transition:.25s;z-index:30}
.page-toast.show{transform:translate(-50%,0);opacity:1}

/* 集市：出售区 */
.sell-section{margin-top:34px;padding-top:24px;border-top:1px solid #ece5d4}
.sell-section .section-heading{margin-bottom:14px}
.sell-section .section-heading h2{font-size:22px;color:#2d573a;margin:0}
.sell-intro{font:500 13px/1.7 "Noto Sans SC";color:#73816c;margin:0 0 18px}
.sell-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sell-card{display:flex;align-items:center;gap:12px;background:#fffdf7;border:1px solid #ece5d4;border-radius:16px;padding:14px}
.sell-card.empty{opacity:.55}
.sell-icon{font-size:38px}
.sell-info{flex:1;min-width:0}
.sell-info b{display:block;color:#406247;font-size:14px}
.sell-info small{color:#87917e;font:600 11px "Noto Sans SC"}
.sell-price{color:#df7c3d;font:800 14px Nunito;white-space:nowrap}
.sell-actions{display:flex;flex-direction:column;gap:6px}
.sell-actions button{border:0;border-radius:9px;background:#e0ecd7;color:#3c7047;padding:6px 10px;font:800 11px "Noto Sans SC";cursor:pointer;white-space:nowrap;min-height:36px;min-width:44px}
.sell-actions button:hover:not(:disabled){background:#c7e0b9}
.sell-actions button:disabled{opacity:.4;cursor:not-allowed}

/* 响应式：仅补充子页面特有调整；header/nav 汉堡响应式已在 styles.css */
@media(max-width:760px){
  .page-main{padding:33px var(--pad-mobile) 55px}
  .page-heading h1{font-size:29px}
  .farm-summary{grid-template-columns:1fr}
  .farm-summary .farm-board{min-height:0}
  .farm-summary .farm-scene{height:320px}
  .member-page .plans{grid-template-columns:1fr}
  .member-page .plan-card.featured{transform:none}
  .sell-grid{grid-template-columns:1fr}
}

/* 集市双栏布局：左商品目录 + 右粘性篮子侧栏；下方出售/订单并排 */
.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:22px;align-items:start}
.market-catalog{margin-bottom:0;min-width:0}
.market-side{position:sticky;top:calc(var(--header-h) + 16px)}
.cart-section{margin:0;padding:20px;background:linear-gradient(150deg,#fff9e9,#f2f7e9);border:1px solid #e5e5cc;border-radius:20px;box-shadow:0 10px 24px rgba(75,104,62,.08)}
.cart-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #e4e4cb}.cart-heading h2{margin:0;color:#315d3c;font-size:20px}.cart-heading .eyebrow{margin:0 0 5px}
.cart-list{display:grid;gap:8px;padding:13px 0;max-height:46vh;overflow:auto;align-content:start}.cart-empty,.sell-empty{margin:0;border:2px dashed #d9dfc7;border-radius:13px;padding:22px 16px;text-align:center;color:#7d8d76;font:600 12px/1.7 "Noto Sans SC";grid-column:1/-1;background:rgba(255,253,247,.6)}
.cart-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;background:#fffdf7;border:1px solid #e9e5d6;border-radius:13px}.cart-emoji{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e7f0d9;font-size:23px}.cart-name{min-width:0}.cart-name b{display:block;color:#406247;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-name small{display:block;margin-top:3px;color:#8c987d;font:600 11px "Noto Sans SC"}.cart-quantity{display:flex;align-items:center;gap:8px;color:#4b674c;font:800 12px Nunito}.cart-quantity button{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;border:1px solid #d8e2cc;border-radius:10px;background:#eef5e7;color:#427446;font-size:18px;cursor:pointer}.cart-quantity button:disabled{opacity:.38;cursor:not-allowed}.cart-remove{border:0;background:transparent;color:#a07157;font:700 11px "Noto Sans SC";cursor:pointer;min-height:36px;padding:6px 8px}
.cart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #e4e4cb;color:#63745e;font:700 12px "Noto Sans SC"}.cart-footer strong{margin-left:6px;color:#df7c3d;font:900 19px Nunito}.cart-footer strong i{font-style:normal}.cart-checkout{border:0;border-radius:11px;background:#3f764a;color:#fff;padding:11px 14px;cursor:pointer;font:800 12px "Noto Sans SC";box-shadow:0 7px 14px rgba(47,107,66,.16);white-space:nowrap}.cart-checkout:hover:not(:disabled){background:#315f3d}.cart-checkout:disabled{opacity:.45;cursor:not-allowed}
/* 下方：出售收成 + 我的订单 并排 */
.market-lower{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px;padding-top:26px;border-top:1px solid #ece5d4}
.market-lower .sell-section,.market-lower .orders-section{margin-top:0;padding-top:0;border-top:0}
.market-lower .section-heading{margin-bottom:12px}
.market-lower .section-heading h2{font-size:19px}
.market-lower .sell-intro{margin-bottom:14px}
.market-lower .sell-grid,.market-lower .orders-list{grid-template-columns:1fr}
/* 移动端浮动结算条：有商品时显示，随时可查看篮子/结算 */
.market-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:35;gap:10px;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffdf6;border-top:1px solid #e7dec8;box-shadow:0 -8px 24px rgba(69,74,42,.14)}
.market-bar[hidden]{display:none}
.bar-summary{flex:1;display:flex;align-items:center;gap:6px;border:1.5px solid #e7dec8;background:#fff9e9;border-radius:12px;padding:9px 12px;font:800 12px "Noto Sans SC";color:#4a5d48;cursor:pointer;min-width:0}
.bar-summary b{color:#df7c3d}
@media(max-width:980px){
  .market-layout{grid-template-columns:1fr}
  .market-side{position:static}
  .market-lower{grid-template-columns:1fr;gap:24px}
  .market-bar{display:flex}
  .page-market .page-main{padding-bottom:88px}
}
@media(max-width:760px){.cart-section{padding:16px}.cart-heading{align-items:center}.cart-heading h2{font-size:18px}.cart-heading .coin-pill{padding:6px 9px}.cart-item{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:9px}.cart-emoji{width:36px;height:36px;font-size:20px}.cart-remove{grid-column:2;justify-self:start}.cart-footer{align-items:center;flex-direction:row}.cart-footer strong{font-size:17px}.cart-checkout{padding:10px 12px}}
/* ===== 375px 移动核心体验基准：集市篮子主路径、44px 触达、防 iOS 缩放 ===== */
@media (max-width: 375px){
  input,textarea,select{font-size:16px}
  .page-main{padding-left:14px;padding-right:14px}
  .cart-section{padding:12px}
  .cart-item{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:8px}
  .cart-emoji{width:34px;height:34px;font-size:18px}
  .cart-quantity button{width:44px;height:44px;min-width:44px;min-height:44px;font-size:20px}
  .cart-remove{min-height:44px;padding:10px 12px}
  .cart-checkout{padding:12px 14px;min-height:44px}
  .market-bar{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .bar-summary{padding:8px 10px;min-height:44px}
  .market-side{padding:12px}
  .pay-summary{grid-template-columns:1fr;gap:4px}
  .pay-options{grid-template-columns:1fr}
  .pay-option{padding:10px;min-height:44px}
  .modal-grid{grid-template-columns:1fr}
  .product-grid,.sell-grid,.orders-list{grid-template-columns:1fr}
  .sell-actions button{min-height:44px;min-width:44px;padding:10px 12px}
}