/* v2.6.2 营造册：水墨宣纸底 + 新绘卡片 / 标签 / 印章 / 详情栏 / 材料签 / 按钮（九宫格按交付参数切，标签与印章用原尺寸，不拉糊） */
.pbox.bk262 .bk-tabs { display: flex; gap: 4px; justify-content: center; align-items: flex-end; height: 40px; margin: 0 0 6px; border-bottom: 1px solid rgba(58,52,54,.25); }
.pbox.bk262 .bk-tab { position: relative; flex: 1 1 0; height: 34px; min-height: 0 !important; padding: 0 0 0 22px !important; margin: 0 !important; border: 1px solid rgba(58,52,54,.3) !important; border-bottom: 0 !important; border-radius: 3px 3px 0 0 !important; box-shadow: none !important;
  background: rgba(239,231,212,.55) !important; color: #5a5048 !important; font-size: 14px; letter-spacing: 3px; text-align: center; }
.pbox.bk262 .bk-tab.on { height: 38px; background: #efe7d4 !important; color: #2a2018 !important; font-weight: 700; border-color: rgba(58,52,54,.55) !important; box-shadow: inset 0 -3px 0 #3a3436 !important; }
.pbox.bk262 .bk-tab i { position: absolute; left: 8px; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: center / contain no-repeat; image-rendering: pixelated; opacity: .75; }
.pbox.bk262 .bk-tab.on i { opacity: 1; }
.pbox.bk262 .bn-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
.pbox.bk262 .bn-tile { height: 100px !important; min-height: 0 !important; padding: 2px 2px 4px !important; background: none !important; box-shadow: none !important;
  border: 12px solid transparent !important; border-image: url(../assets/art_v25r1/ui_bk_card_idle.png) 12 fill stretch !important; image-rendering: pixelated; }
.pbox.bk262 .bn-tile.on { border-image-source: url(../assets/art_v25r1/ui_bk_card_on.png) !important; }
.pbox.bk262 .bn-tile.on::after { display: none; }
.pbox.bk262 .bn-tile.locked { opacity: 1; border-image-source: url(../assets/art_v25r1/ui_bk_card_lock.png) !important; }
.pbox.bk262 .bn-tile.locked .bd-pic { filter: saturate(.55) brightness(.92); }
.pbox.bk262 .bn-tile .bd-pic { height: 54px; margin-top: -4px; }
.pbox.bk262 .bn-tile span { font-size: 13px; color: #3a3436; }
.pbox.bk262 .stamp { display: inline-block; width: 48px; height: 24px; line-height: 24px; text-align: center; font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: 1px; background: center / 48px 24px no-repeat; image-rendering: pixelated; }
.pbox.bk262 .bn-tile .stamp { position: absolute; right: -8px; top: -9px; transform: rotate(-5deg); z-index: 2; }
.pbox.bk262 .st-built { background-image: url(../assets/art_v25r1/ui_bk_stamp_built.png); color: #a8584c; }
.pbox.bk262 .st-can { background-image: url(../assets/art_v25r1/ui_bk_stamp_can.png); color: #4a6a58; }
.pbox.bk262 .st-short { background-image: url(../assets/art_v25r1/ui_bk_stamp_short.png); color: #b06e64; }
.pbox.bk262 .st-skill { background-image: url(../assets/art_v25r1/ui_bk_stamp_skill.png); color: #5a524c; }
.pbox.bk262 .bn-detail { position: relative; background: none !important; border: 16px solid transparent !important; border-image: url(../assets/art_v25r1/ui_bk_detail.png) 16 fill stretch !important; padding: 0 2px !important; image-rendering: pixelated; }
.pbox.bk262 .bk-dh { display: flex; align-items: center; gap: 8px; margin: -4px 0 4px; }
.pbox.bk262 .bk-dh h4 { margin: 0; flex: 1; font-size: 18px; letter-spacing: 3px; color: #2a2018; }
.pbox.bk262 .bk-seal { flex: none; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #a8584c; font-size: 16px; background: url(../assets/art_v25r1/ui_bk_seal_title.png) center / 32px 32px no-repeat; image-rendering: pixelated; }
.pbox.bk262 .bn-detail p { margin: 2px 0 6px; font-size: 13px; line-height: 1.5; color: #4a4038; }
.pbox.bk262 .bn-mats { display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; margin: 2px 0 8px; }
.pbox.bk262 .bn-mat { display: flex; align-items: center; gap: 4px; flex: 1 1 46%; padding: 0 2px; height: 28px; border: 8px solid transparent; border-image: url(../assets/art_v25r1/ui_bk_chip_ok.png) 8 fill stretch; border-top-width: 4px; border-bottom-width: 4px; font-size: 12px; }
.pbox.bk262 .bn-mat.no { border-image-source: url(../assets/art_v25r1/ui_bk_chip_short.png); }
.pbox.bk262 .bn-mat .ico { --s: 20px; }
.pbox.bk262 .bn-mat span { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pbox.bk262 .bn-mat b { font-size: 12px; }
.pbox.bk262 .actions226 { gap: 6px; margin-top: 4px; }
.pbox.bk262 .actions226 button { height: 40px; padding: 0 !important; background: none !important; box-shadow: none !important; border: 12px solid transparent !important; border-image: url(../assets/art_v25r1/ui_bk_btn_primary.png) 12 fill stretch !important;
  color: #efe7d4 !important; font-size: 14px; letter-spacing: 2px; line-height: 16px; image-rendering: pixelated; }
.pbox.bk262 .actions226 button:disabled { border-image-source: url(../assets/art_v25r1/ui_bk_btn_primary_off.png) !important; color: #d8d0c0 !important; opacity: 1; }
.pbox.bk262 .actions226 button.sec { border-image-source: url(../assets/art_v25r1/ui_bk_btn_secondary.png) !important; color: #3a3436 !important; }
.pbox.bk262 .bk-hint { color: #8b5a1e !important; font-size: 12.5px !important; }
.pbox.bk262 .bk-pager { display: flex; justify-content: center; align-items: center; gap: 8px; height: 30px; margin-top: 4px; }
.pbox.bk262 .bk-pager button { width: 28px; height: 28px; padding: 0; border: 0; background: url(../assets/art_v25r1/ui_bk_page_arrow.png) 0 0 / 56px 28px no-repeat; image-rendering: pixelated; box-shadow: none; }
.pbox.bk262 .bk-pager button.nx { background-position: -28px 0; }
.pbox.bk262 .bk-pager button:disabled { opacity: .3; }
.pbox.bk262 .bk-pager i { width: 12px; height: 12px; background: url(../assets/art_v25r1/ui_bk_page_dot.png) -12px 0 / 24px 12px no-repeat; image-rendering: pixelated; }
.pbox.bk262 .bk-pager i.on { background-position: 0 0; }
.pbox.bk262 .pbody { overflow: visible; max-height: none; }
.pbox.bk262 { height: auto !important; min-height: 0 !important; }
.pbox.bk262 .bn-grid { overflow: visible; }
.pbox.bk262 .bn-tile { overflow: visible !important; }
@media (max-height: 460px) {
  .pbox.bk262 { padding: 6px 12px 8px; }
  .pbox.bk262 .bk-tabs { height: 40px; margin-bottom: 4px; }
  .pbox.bk262 .bk-tab { height: 30px; font-size: 13px; letter-spacing: 1px; }
  .pbox.bk262 .bk-tab.on { height: 34px; }
  .pbox.bk262 .bk-tab i { width: 20px; height: 20px; margin-top: -10px; }
  .pbox.bk262 .bn-tile { height: 76px !important; }
  .pbox.bk262 .bn-tile .bd-pic { height: 36px !important; margin-top: -6px; }
  .pbox.bk262 .bn-detail p { font-size: 12px; margin: 0 0 4px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .pbox.bk262 .bn-mat { flex: 1 1 30%; }
  .pbox.bk262 .bn-mats { margin: 0 0 4px; gap: 3px; }
  .pbox.bk262 .bk-dh { margin: -8px 0 2px; }
  .pbox.bk262 .bn-mat { height: 24px; border-top-width: 3px; border-bottom-width: 3px; }
  .pbox.bk262 .actions226 button { height: 34px; }
}
/* 猫的心里话：宣纸气泡（左下角小尾巴指向猫），右上一枚小爪印 */
#bub262 { position: fixed; left: 0; top: 0; z-index: 60; max-width: 230px; min-width: 120px; padding: 6px 14px 14px; font-size: 14px; line-height: 1.5; color: #3a3436;
  border: 14px solid transparent; border-image: url(../assets/art_v25r1/ui_thought_bubble.png) 14 fill stretch; image-rendering: pixelated; pointer-events: none; opacity: 0; transition: opacity .25s; }
#bub262 .txt { display: block; margin: -8px -4px -10px; }
#bub262.on { opacity: 1; }
#bub262 .paw { position: absolute; right: -10px; top: -12px; width: 16px; height: 16px; background: url(../assets/art_v25r1/ui_thought_paw.png) center / 16px 16px no-repeat; image-rendering: pixelated; display: block; }
.pbox.bk262 .bn-wrap { height: auto !important; align-items: start !important; }
.pbox.bk262 .bn-wrap > .bn-detail { max-height: calc(94vh - 150px); overflow-y: auto; }

/* 手艺图标 */
.pbox.bk262 .bk-skill { float: right; width: 48px; height: 48px; margin: 26px -2px 0 6px; background: center / 48px 48px no-repeat; image-rendering: pixelated; }
.pbox.bk262 .bk-skill.lock { filter: grayscale(.85) opacity(.55); }
#skill262 { position: fixed; left: 50%; top: 22%; z-index: 70; display: flex; align-items: center; gap: 12px; padding: 4px 10px; transform: translate(-50%, -8px); opacity: 0; pointer-events: none; transition: opacity .3s, transform .3s;
  border: 16px solid transparent; border-image: url(../assets/art_v25r1/ui_bk_detail.png) 16 fill stretch; image-rendering: pixelated; color: #3a3436; }
#skill262.on { opacity: 1; transform: translate(-50%, 0); }
#skill262 i { flex: none; width: 64px; height: 64px; background: center / 64px 64px no-repeat; image-rendering: pixelated; }
#skill262 small { display: block; font-size: 12px; color: #a8584c; letter-spacing: 3px; }
#skill262 b { display: block; font-size: 20px; letter-spacing: 4px; margin: 2px 0; }
#skill262 span { font-size: 13px; color: #5a5048; }

/* 牛栏状态条 */
#barn262 { position: fixed; left: 10px; top: 92px; z-index: 40; display: none; gap: 12px; align-items: center; height: 44px; padding: 0 4px;
  border: 12px solid transparent; border-image: url(../assets/art_v25r1/ui_barn_panel.png) 12 fill stretch; image-rendering: pixelated; pointer-events: none; }
#barn262.on { display: flex; }
#barn262 span { display: flex; align-items: center; gap: 2px; }
#barn262 b { width: 24px; height: 24px; margin-right: 3px; background: center / 24px 24px no-repeat; image-rendering: pixelated; }
#barn262 i { width: 10px; height: 10px; background: url(../assets/art_v25r1/ui_barn_pip.png) -10px 0 / 20px 10px no-repeat; image-rendering: pixelated; }
#barn262 i.f { background-position: 0 0; }
@media (max-height: 460px) { #barn262 { height: 38px; gap: 8px; } #barn262 b { width: 20px; height: 20px; background-size: 20px 20px; } }
/* 选位模式顶部提示条：新绘宣纸条（飞白上下边、笔锋毛边） */
#deed-placement .place-top { background: none !important; box-shadow: none !important; border: 10px solid transparent !important; border-image: url(../assets/art_v25r1/ui_bk_site_hint.png) 10 fill stretch !important; padding: 0 14px !important; image-rendering: pixelated; }

/* ===== v2.6.2 营造册二版：竖卡、大图、按占地排序；右栏材料常显；再点一下看详情 ===== */
.pbox.bk263 { width: min(940px, 97vw) !important; }
.pbox.bk263 .bk-main { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 12px; align-items: start; }
.pbox.bk263 .bk-grid2 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.pbox.bk263 .bk-card2 { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px 6px !important; min-height: 0 !important; height: auto !important;
  background: none !important; box-shadow: none !important; border: 12px solid transparent !important; border-image: url(../assets/art_v25r1/ui_bk_card_idle.png) 12 fill stretch !important; image-rendering: pixelated; cursor: pointer; color: #3a3436; }
.pbox.bk263 .bk-card2.on { border-image-source: url(../assets/art_v25r1/ui_bk_card_on.png) !important; }
.pbox.bk263 .bk-card2.locked { border-image-source: url(../assets/art_v25r1/ui_bk_card_lock.png) !important; }
.pbox.bk263 .bk-card2.locked canvas { filter: saturate(.5) brightness(.95); }
.pbox.bk263 .bk-card2 canvas { display: block; width: 100%; height: 96px; margin: -4px 0 2px; image-rendering: pixelated; }
.pbox.bk263 .bk-card2 b { color: #2a2018 !important; font-size: 15px; letter-spacing: 2px; line-height: 1.2; white-space: nowrap; }
.pbox.bk263 .bk-card2 small { font-size: 11.5px; color: #7a6c58; letter-spacing: 1px; line-height: 1.2; }
.pbox.bk263 .bk-card2 .stamp { position: absolute; right: -10px; top: -12px; transform: rotate(-5deg) scale(.9); z-index: 2; }
.pbox.bk263 .bk-right { position: relative; border: 16px solid transparent; border-image: url(../assets/art_v25r1/ui_bk_detail.png) 16 fill stretch; padding: 0 2px; image-rendering: pixelated; }
.pbox.bk263 .bk-dh { display: flex; align-items: center; gap: 8px; margin: -6px 0 2px; }
.pbox.bk263 .bk-dh h4 { margin: 0; flex: 1; font-size: 18px; letter-spacing: 3px; color: #2a2018; }
.pbox.bk263 .bk-one { margin: 2px 0 6px; font-size: 12.5px; line-height: 1.45; color: #4a4038; }
.pbox.bk263 .bk-one a { margin-left: 6px; color: #a8584c; text-decoration: underline; cursor: pointer; white-space: nowrap; }
.pbox.bk263 .bk-need { font-size: 12px; color: #7a6c58; letter-spacing: 3px; margin: 2px 0 3px; border-top: 1px dashed rgba(58,52,54,.25); padding-top: 4px; }
.pbox.bk263 .bn-mats { display: flex; flex-direction: column; gap: 3px; margin: 0 0 8px; }
.pbox.bk263 .bn-mat { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 6px; height: 30px; padding: 0 4px; border: 8px solid transparent; border-top-width: 4px; border-bottom-width: 4px;
  border-image: url(../assets/art_v25r1/ui_bk_chip_ok.png) 8 fill stretch; font-size: 13px; }
.pbox.bk263 .bn-mat.no { border-image-source: url(../assets/art_v25r1/ui_bk_chip_short.png); }
.pbox.bk263 .bn-mat .ico { --s: 22px; }
.pbox.bk263 .bn-mat b { font-size: 13px; color: #3f6a4c; } .pbox.bk263 .bn-mat.no b { color: #a8392b; }
.pbox.bk263 .bk-nomat { font-size: 12.5px; color: #6a605a; margin: 2px 0 8px; }
.pbox.bk263 .actions226 { display: flex; flex-direction: column; gap: 6px; }
.pbox.bk263 .actions226 select { height: 30px; background: #efe7d4; border: 1px solid rgba(58,52,54,.4); }
.pbox.bk263 .bk-ov { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; display: flex; align-items: center; justify-content: center; background: rgba(40,32,22,.35); }
.pbox.bk263 .bk-ovin { display: flex; gap: 16px; align-items: center; width: min(720px, 92%); max-height: 92%; padding: 6px 10px; border: 16px solid transparent; border-image: url(../assets/art_v25r1/ui_bk_detail.png) 16 fill stretch; image-rendering: pixelated; }
.pbox.bk263 .bk-ovin canvas { flex: none; width: 300px; height: 200px; image-rendering: pixelated; }
.pbox.bk263 .bk-ovtx { flex: 1; min-width: 0; }
.pbox.bk263 .bk-ovtx p { font-size: 13.5px; line-height: 1.6; color: #3a3436; margin: 6px 0; }
.pbox.bk263 .bk-ovtx ul { margin: 0 0 10px; padding-left: 18px; font-size: 13px; color: #5a5048; line-height: 1.6; }
.pbox.bk263 .bk-ovtx button { width: 120px; }
@media (max-height: 560px) {
  .pbox.bk263 .bk-main { grid-template-columns: minmax(0, 1fr) 250px; gap: 8px; }
  .pbox.bk263 .bk-right { max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); overflow-y: auto; overscroll-behavior: contain; }
  .pbox.bk263 .bn-mats { display: grid; grid-template-columns: 1fr 1fr; }
  .pbox.bk263 .bn-mat { grid-template-columns: 18px 1fr auto; gap: 3px; padding: 0 1px; border-left-width: 5px; border-right-width: 5px; }
  .pbox.bk263 .bn-mat .ico { --s: 18px; }
  .pbox.bk263 .bn-mat span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .pbox.bk263 .bk-card2 { padding: 4px 2px 3px !important; }
  .pbox.bk263 .bk-card2 canvas { width: 100%; height: 66px; margin: -6px 0 0; }
  .pbox.bk263 .bk-card2 b { font-size: 13.5px; }
  .pbox.bk263 .bk-card2 small { font-size: 10.5px; }
  .pbox.bk263 .bk-one { font-size: 11.5px; margin: 0 0 3px; }
  .pbox.bk263 .bn-mat { height: 24px; font-size: 12px; border-top-width: 2px; border-bottom-width: 2px; }
  .pbox.bk263 .bn-mats { gap: 2px; margin-bottom: 4px; }
  .pbox.bk263 .actions226 button { height: 32px; }
  .pbox.bk263 .bk-ovin canvas { width: 200px; height: 130px; }
  .pbox.bk263 .bk-ovtx p { font-size: 12px; line-height: 1.45; }
}
.pbox.bk262 .st-area { background-image: url(../assets/art_v25r1/ui_bk_stamp_skill.png); color: #7a4a3c; }
.pbox.bk262 .bk-hint.area33::before, .pbox.bk263 .bk-hint.area33::before { content: '异地'; }