.bk-tutorial-overlay{position:fixed;inset:0;z-index:12000;pointer-events:none;animation:bkFadeIn .24s ease}
.bk-tutorial-dim{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(5,7,12,.28),rgba(2,3,6,.84));backdrop-filter:blur(1px)}
.bk-tutorial-highlight{position:fixed;border:2px solid rgba(255,191,92,.95);border-radius:12px;box-shadow:0 0 0 2px rgba(48,18,6,.66),0 0 30px rgba(255,170,63,.62),inset 0 0 14px rgba(255,180,76,.32);animation:bkPulse 1.2s ease-in-out infinite;pointer-events:none}
.bk-tutorial-highlight.secondary{border-color:rgba(119,190,255,.9);box-shadow:0 0 0 2px rgba(8,20,36,.6),0 0 24px rgba(109,186,255,.55),inset 0 0 12px rgba(109,186,255,.25)}
.bk-tutorial-box{position:fixed;pointer-events:auto;background:linear-gradient(180deg,rgba(24,17,12,.95),rgba(11,9,8,.96));border:1px solid rgba(200,149,84,.58);border-radius:12px;padding:14px 16px;color:#f4dcc0;box-shadow:0 18px 44px rgba(0,0,0,.55)}
.bk-tutorial-box .eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c5a073}
.bk-tutorial-box h3{margin:0 0 8px;font-size:20px;color:#ffe3b0}.bk-tutorial-box p{margin:0 0 10px;line-height:1.45}
.bk-actions{display:flex;gap:8px;justify-content:flex-end}
.bk-tutorial-arrow{position:fixed;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:14px solid rgba(255,201,128,.92);filter:drop-shadow(0 0 8px rgba(255,176,69,.55));display:none}
.bk-context-toast{position:fixed;right:16px;bottom:20px;z-index:11900;background:linear-gradient(180deg,rgba(23,27,41,.96),rgba(9,11,18,.97));border:1px solid rgba(125,163,225,.46);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;transform:translateY(24px);opacity:0;transition:all .25s ease}
.bk-context-toast.show{transform:translateY(0);opacity:1}
.bk-context-toast strong{color:#cfe6ff;font-size:13px}.bk-context-toast span{font-size:12px;color:#b8c8e1}
.bk-success-flash{position:fixed;inset:0;z-index:12100;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle,rgba(255,190,92,.15),rgba(0,0,0,0));animation:bkFadeOut 2.2s ease forwards}
.bk-success-flash .msg{padding:14px 18px;border:1px solid rgba(255,194,110,.62);background:rgba(24,15,6,.92);color:#ffe2b6;border-radius:10px;box-shadow:0 0 28px rgba(255,176,68,.46)}
.bk-tutorial-ui-locked .main-panel *,.bk-tutorial-ui-locked .sidebar *{pointer-events:none!important}
.bk-tutorial-ui-locked .bk-tutorial-box,.bk-tutorial-ui-locked .bk-tutorial-box *{pointer-events:auto!important}
.bk-tutorial-ui-locked .bk-tutorial-allowed,.bk-tutorial-ui-locked .bk-tutorial-allowed *{pointer-events:auto!important}
.bk-tutorial-allowed{position:relative;z-index:12060}
.adventurer-guide-panel{background:linear-gradient(180deg,rgba(16,14,10,.86),rgba(9,8,7,.92));border:1px solid rgba(185,143,88,.42);border-radius:12px;padding:14px}
.guide-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(175,138,84,.24)}
.guide-row.done{opacity:.78}.guide-row small{display:block;color:#b89c79;font-size:11px}
.guide-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.guide-media-card{background:rgba(10,10,10,.55);border:1px solid rgba(183,144,92,.35);border-radius:10px;padding:8px}
.guide-media-card strong{display:block;margin-bottom:6px;color:#f1cf9b}
.guide-media-card img{display:block;width:100%;height:118px;object-fit:cover;border-radius:8px;border:1px solid rgba(121,91,54,.45)}
.guide-media-card input{width:100%;margin-top:6px;background:#0f1117;color:#d9c3a3;border:1px solid rgba(184,146,94,.45);border-radius:8px;padding:7px}
.guide-reward{display:inline-block;font-size:11px;color:#d7b07b}
.sidebar-link.guide-attention{animation:guidePulse 1.2s ease-in-out infinite;border-color:rgba(255,205,136,.7)!important;box-shadow:0 0 0 1px rgba(255,205,136,.3),0 0 14px rgba(255,176,69,.35)}
.tutorial-history-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:13000;display:none;align-items:center;justify-content:center;padding:14px}
.tutorial-history-modal.open{display:flex}
.tutorial-history-card{width:min(760px,100%);max-height:76vh;overflow:auto;background:linear-gradient(180deg,rgba(22,16,12,.97),rgba(12,10,8,.97));border:1px solid rgba(199,154,96,.5);border-radius:12px;padding:12px}
.tutorial-history-row{padding:8px;border-bottom:1px solid rgba(173,136,84,.22);font-size:12px;color:#dbc5a7}
body[data-page="adventurer_guide"] .content-panel{max-width:1400px;margin:0 auto;padding:14px}
body[data-page="adventurer_guide"] .panel-head h2{font-size:30px;letter-spacing:.02em;color:#f2d7ac}
body[data-page="adventurer_guide"] .adventurer-guide-panel{padding:18px 20px;background:
linear-gradient(180deg,rgba(17,14,11,.92),rgba(8,8,8,.9)),
radial-gradient(circle at 15% 0%,rgba(201,138,61,.15),transparent 40%);
border:1px solid rgba(209,154,82,.45);box-shadow:0 18px 50px rgba(0,0,0,.45)}
body[data-page="adventurer_guide"] .event-schedule-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(182,137,81,.22);font-size:14px}
body[data-page="adventurer_guide"] .event-schedule-row span{color:#c9a272}
body[data-page="adventurer_guide"] .event-schedule-row strong{color:#f0ddbf}
body[data-page="adventurer_guide"] .guide-row{background:rgba(10,10,12,.52);border:1px solid rgba(161,125,78,.25);border-radius:10px;padding:12px 14px;margin-top:10px}
body[data-page="adventurer_guide"] .guide-row strong{font-size:16px;color:#f3d8a8}
body[data-page="adventurer_guide"] .guide-row small{font-size:12px;color:#cfb18b}
body[data-page="adventurer_guide"] .primary-btn,#guide-start-enchant-now{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:8px;background:linear-gradient(180deg,#b07a37,#8f5b21);border:1px solid rgba(255,205,136,.45);color:#fff4dc;text-decoration:none}
@media (max-width: 760px){.bk-tutorial-box{left:10px!important;right:10px!important;width:auto!important}.guide-row{flex-direction:column;align-items:flex-start}}
@keyframes bkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.01)}}
@keyframes bkFadeIn{from{opacity:0}to{opacity:1}}@keyframes bkFadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes guidePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}