/* 派单#8：横屏左右分栏 + 拍卖/聊天/布局调整 */
.p3-split{display:flex;gap:10px;min-height:0;max-height:calc(100dvh - 110px)}
.p3-l,.p3-r{flex:1 1 50%;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch}
.p3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;align-content:start}
.p3-slot{min-height:52px;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1c1510;border:1px solid #5a4520;border-radius:4px;color:#e8d8a8;padding:2px}
.p3-slot small{font-size:9px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p3-slot.on{border-color:#ffd060;box-shadow:0 0 0 1px #ffd060 inset}.p3-slot.dis{opacity:.5}
.p3-sub{font-size:13px;margin:8px 0 4px}
.p3-big{font-size:22px;color:#ffe080;text-align:center;padding:10px}
.p3-log{max-height:calc(100dvh - 190px);min-height:80px;overflow:auto;background:rgba(0,0,0,.35);padding:6px;font-size:12px;color:#e8e0c8;line-height:1.5}
.p3-log .me{color:#9fd8ff}
#p3-chat input,#p3-pm input,#p3-auc input{flex:1;min-height:44px;font-size:16px;min-width:0;background:#120e0a;color:#f0e0b0;border:1px solid #6a5020;padding:0 8px}
.p3-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#777;margin-right:4px}.p3-dot.on{background:#4f4}
.p1-it.off b{color:#999}
#p3-lay{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 60px);transform:translateX(-50%);z-index:200;display:flex;gap:8px;align-items:center;background:rgba(20,14,8,.92);border:1px solid #b08a40;padding:6px 10px;color:#f0d890;border-radius:6px}
.p3-handle{position:fixed;width:80px;height:80px;z-index:199;border:2px dashed #ffd060;border-radius:50%;background:rgba(255,208,96,.15);color:#ffd060;display:flex;align-items:center;justify-content:center;font-weight:bold;touch-action:none}
/* 背包 / 人物 / 技能：横屏左右分栏 */
@media (orientation:landscape){
 .p1-panel{max-width:calc(100vw - var(--sal,0px) - var(--sar,0px) - 16px)}
 #p3-auc .p1-panel,#p3-fr .p1-panel{width:min(760px,calc(100vw - var(--sal,0px) - var(--sar,0px) - 24px))}
}
/* 派单#9 行会 / BOSS 时刻表 / 头顶标签 */
.p4-split{display:flex;gap:10px;min-height:0;max-height:calc(100dvh - 150px)}
.p4-l,.p4-r{flex:1 1 50%;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch}
.p4-sub{color:#ffd88a;font-size:13px;margin:4px 0}
.p4-list{max-height:calc(100dvh - 170px);overflow:auto}
#p4-guild input{flex:1;min-height:44px;font-size:16px;min-width:0;background:#120e0a;color:#f0e0b0;border:1px solid #6a5020;padding:0 8px}
#p4-guild select{min-height:44px;font-size:14px;background:#120e0a;color:#f0e0b0;border:1px solid #6a5020}
#p4-guild .p1-panel,#p4-boss .p1-panel{width:min(760px,calc(100vw - var(--sal,0px) - var(--sar,0px) - 24px))}
#p4-tags{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:5}
.p4-tag{position:absolute;left:0;top:0;white-space:nowrap;text-align:center;font-size:11px;line-height:1.2;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none}
.p4-tag span{display:block;color:#7fe0ff}.p4-tag b{display:block;color:#ffcf40}
.p3-set .btn,.p4-set .btn,.p5-set .btn{min-height:44px}
.p4-tag b.p5-sbk{color:#2a1400;background:linear-gradient(#ffe9a0,#d8a030);border:1px solid #fff2c0;border-radius:3px;padding:0 5px;box-shadow:0 0 8px #ffcc40,0 0 2px #000;text-shadow:none}
.p4-tag b.p5-sbk::before{content:'♛ '}
#p5-sbk .btn,#p5-syn .btn,#p5-ach .btn{min-height:44px;min-width:44px}
.p4-tag b.p5-ach{color:#ffe7a0;background:rgba(60,30,0,.75);border:1px solid #b08830;border-radius:3px;padding:0 5px}
#p5-ach .p5-tabs{display:flex;gap:6px;flex-wrap:wrap}#p5-ach .p5-tabs .btn.on{filter:brightness(1.35);outline:2px solid #ffd060}
#p5-ach .p1-it .btn{margin-left:auto;flex:none}

/* 世界/好友 HUD 按钮（p1-bar 内，随 收/展 隐藏） */
#p1-bar button[data-p="cw"],#p1-bar button[data-p="cf"]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background-color:transparent!important;background-size:100% 100%!important;background-repeat:no-repeat!important;color:transparent!important;font-size:0!important;box-shadow:none!important;position:relative}
#p1-bar button[data-p="cw"]{background-image:image-set(url(../assets/icons_v3/talk_44_9dc19c67.png) 1x,url(../assets/icons_v3/talk_88_97de9ffa.png) 2x)!important}
#p1-bar button[data-p="cw"]:active{background-image:url(../assets/icons_v3/talk_pressed_44_eaef1b0b.png)!important}
#p1-bar button[data-p="cf"]{background-image:image-set(url(../assets/icons_v3/party_44_2ec252f2.png) 1x,url(../assets/icons_v3/party_88_202d738a.png) 2x)!important}
#p1-bar button[data-p="cf"]:active{background-image:url(../assets/icons_v3/party_pressed_44_c1d066fe.png)!important}
#p1-bar button[data-p="cw"]::after,#p1-bar button[data-p="cf"]::after{content:attr(data-l);position:absolute;left:0;right:0;bottom:-2px;font:700 9px/1 "Microsoft YaHei",sans-serif;color:#ffe7a0;text-shadow:0 0 2px #000,0 0 2px #000;text-align:center}
#p1-bar button[data-p="cw"],#p1-bar button[data-p="cf"]{position:absolute!important;top:-48px}
#p1-bar button[data-p="cw"]{right:188px}
#p1-bar button[data-p="cf"]{right:234px}
/* p6 左右分栏：技能 */
#sk-panel.sk-split{width:min(720px,calc(100vw - var(--sal,0px) - var(--sar,0px) - 24px))!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(200px,42%) 1fr;grid-template-rows:auto 1fr;column-gap:10px;max-height:calc(100vh - 24px)!important;overflow:hidden!important}
#sk-panel.sk-split .qa-title{grid-column:1/3}
#sk-panel.sk-split .sk-list{grid-column:1;grid-row:2;overflow-y:auto;max-height:calc(100vh - 110px);min-height:0}
#sk-panel.sk-split .sk-row{min-height:44px;padding:4px 6px!important;display:flex;align-items:center;gap:6px;cursor:pointer;border-radius:6px}
#sk-panel.sk-split .sk-row.sel{background:rgba(255,200,90,.16);outline:1px solid rgba(255,210,120,.55)}
#sk-panel.sk-split .sk-row .sk-desc,#sk-panel.sk-split .sk-row .btn{display:none!important}
#sk-panel.sk-split .sk-detail{grid-column:2;grid-row:2;overflow-y:auto;min-height:0;padding:6px 4px}
#sk-panel.sk-split .sk-dh{display:flex;align-items:center;gap:8px;margin-bottom:6px}
#sk-panel.sk-split .sk-dh b{font-size:16px}
#sk-panel.sk-split .sk-detail .sk-desc{margin:4px 0 10px;line-height:1.5}
#sk-panel.sk-split .sk-dbtn{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
#sk-panel.sk-split .sk-dbtn .btn{min-height:44px;width:100%}
#sk-panel.sk-split .sk-none{color:#b9a98a;font-style:normal}
/* p6 左右分栏：背包（左：标题/装备/分页/自动喝药；右：格子） */
#bag-panel:not(.hidden){display:grid!important;grid-template-columns:170px 1fr;grid-template-rows:auto auto auto 1fr;column-gap:10px;align-content:start}
#bag-panel>.bag-header{grid-column:1/3;grid-row:1}
#bag-panel>.bag-equip{grid-column:1;grid-row:2;display:flex!important;flex-direction:column;gap:6px;width:auto!important}
#bag-panel>.bag-equip .equip-slot{width:100%!important;min-height:44px}
#bag-panel>.bag-pages{grid-column:1;grid-row:3;justify-content:flex-start;margin-top:8px}
#bag-panel>.auto-pot-row{position:static!important;transform:none!important;margin-top:8px;grid-column:1;grid-row:4;align-self:start;white-space:normal;font-size:12px}
#bag-panel>.bag-hint{grid-column:1/3}
#bag-panel>.bag-grid{grid-column:2;grid-row:2/5;grid-template-columns:repeat(4,1fr)!important}
body.cq-panel-open #p4-tags,body:has(#sk-panel) #p4-tags,body:has(.p1-back) #p4-tags{display:none!important}
/* p6 系统解锁引导 */
#p6-guide{position:fixed;left:calc(var(--sal,0px) + 50%);top:50%;transform:translate(-50%,-50%);width:min(420px,70vw);display:grid;grid-template-columns:76px 1fr;gap:4px 12px;padding:12px 14px;z-index:60;background:linear-gradient(#2a1a10f2,#140c07f2);border:2px solid #c9a24a;border-radius:10px;box-shadow:0 0 18px #000c;color:#f0e2c0;font-size:13px}
#p6-guide .p6g-pic img{width:76px;height:76px}
#p6-guide b{display:block;font-size:16px;color:#ffd970}#p6-guide small{color:#b9a98a}#p6-guide p{margin:4px 0;line-height:1.45}#p6-guide em{font-style:normal;color:#8fe08f}
#p6-guide .p6g-btns{grid-column:1/3;display:flex;gap:8px;justify-content:flex-end}#p6-guide .btn{min-height:44px;min-width:88px}
#p6-finger{position:fixed;z-index:61;font-size:32px;line-height:1;pointer-events:none;animation:p6f .8s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px #000)}
#p6-finger.up{transform:rotate(180deg)}
@keyframes p6f{from{margin-top:0}to{margin-top:8px}}
/* p6 技能冷却显示：冷却=变暗+灰色顺时针扇形+中心秒数；资源不足=去色+消耗数字变红（两者可区分） */
.sr-btn .cd{background:rgba(70,70,70,.78)!important}
.sr-btn.oncd .ic{filter:brightness(.5)}
.sr-btn .sec{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;z-index:5;font:800 15px/1 "Microsoft YaHei",sans-serif;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000,0 0 1px #000;pointer-events:none}
.sr-btn .fl{background:none!important;border-radius:50%;inset:2px!important}
.sr-btn .fl.go{animation:p6ring .45s ease-out!important}
@keyframes p6ring{0%{opacity:1;box-shadow:0 0 0 2px #fff,0 0 10px 3px #fff}100%{opacity:0;box-shadow:0 0 0 5px rgba(255,255,255,0),0 0 14px 6px rgba(255,255,255,0)}}
.sr-btn.nomp .ic{filter:grayscale(1) brightness(.75)!important}
.sr-btn.nomp .mp{color:#ff4040!important;text-shadow:0 0 2px #000}
.sr-btn.nomp.oncd .ic{filter:grayscale(1) brightness(.45)!important}
.sr-btn .hint{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-2px);white-space:nowrap;font:700 10px/1.2 "Microsoft YaHei",sans-serif;color:#ffd060;background:rgba(0,0,0,.75);border-radius:4px;padding:1px 4px;opacity:0;pointer-events:none;z-index:6}
.sr-btn .hint.on{animation:p6hint 1.2s ease-out}
@keyframes p6hint{0%,70%{opacity:1}100%{opacity:0}}