.king-guide{box-sizing:border-box;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;border:1px solid #fff9;border-radius:28px;background:#fffaf5f5;color:#332d29;box-shadow:0 28px 110px #49332630;backdrop-filter:blur(24px);font:15px/1.6 "Microsoft YaHei","PingFang SC",sans-serif}
.king-guide::backdrop{background:#433b3538;backdrop-filter:blur(8px)}
.king-guide *{box-sizing:border-box}.king-guide button{font:inherit;cursor:pointer;color:inherit}.guide-top{display:flex;align-items:center;justify-content:space-between;color:#80756a;font-size:12px}.guide-top button{border:0;background:none;font-size:28px;width:40px;height:40px;line-height:1}
.guide-intro{display:flex;align-items:center;gap:20px;margin:12px 0 26px}.guide-intro h2{font-size:27px;line-height:1.4;letter-spacing:-.5px;margin:4px 0 10px;outline:none}.guide-intro p{margin:0;color:#80756a;font-size:13px}.guide-intro p:first-child{color:#b77740;font-size:12px}
.guide-fox{display:block;flex:0 0 105px;width:105px;height:105px;background:url('yuanyuan-reactions.webp') 0 0/400% 300% no-repeat;animation:guide-hello .7s ease-out both}.guide-fox-happy{background-position:100% 100%}
.king-guide h3{font-size:13px;font-weight:500;color:#80756a;margin:0 0 12px}.guide-goals,.guide-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.king-guide .guide-option{border:1px solid #e8ded4;background:#ffffffb0;border-radius:15px;padding:17px;text-align:left;min-height:66px;transition:border-color .15s,background .15s}.guide-option strong{font-size:17px;font-weight:600;display:block}.guide-option small{display:block;color:#948375;font-size:11px}.king-guide .guide-option:hover,.king-guide .guide-option.selected{border-color:#e99a59;background:#fff0e0}.king-guide .guide-explore{grid-column:1/-1;min-height:44px;padding:11px 17px}.guide-explore strong{font-size:13px;font-weight:400}.guide-mode span{display:block;font-size:13px;color:#776c63;margin:10px 0 22px}.guide-mode small{color:#b77740;letter-spacing:1px}.king-guide section+section{margin-top:22px}
.guide-note{font-size:12px;color:#887a6e;margin:18px 0;min-height:20px}.king-guide #guideError{color:#a13d25;font-size:13px;margin:0}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.king-guide .guide-primary{background:#ee9d59;border:1px solid #ee9d59;border-radius:12px;min-height:48px;padding:11px 22px;color:#382312;font-weight:600}.king-guide .guide-text{border:0;background:none;font-size:12px;color:#887a6e;padding:10px 0}.king-guide button:focus-visible{outline:3px solid #b5682d;outline-offset:3px}
.side-menu nav .guide-settings-link{display:flex;align-items:center;gap:15px;width:100%;min-height:46px;background:none;border:0;border-radius:12px;padding:10px 14px;font:inherit;font-size:14px;color:inherit;text-align:left;cursor:pointer}.guide-settings-link i{font-style:normal;font-size:20px}.side-menu nav .guide-settings-link:hover{background:#ee9d5915}
.dark .king-guide{background:#302b28f7;color:#f5ebe2;border-color:#67574b}.dark .king-guide .guide-option{background:#3c342e;border-color:#665346}.dark .king-guide .guide-option.selected{background:#513d2c;border-color:#e99a59}.dark .king-guide :is(.guide-intro p,.guide-note,.guide-mode span,.guide-text,h3){color:#c2b3a5}
.guide-orders{display:grid;gap:10px}.guide-order-wrap{position:relative}.king-guide .guide-order{width:100%;min-height:72px;padding:13px 58px 13px 17px}.guide-order strong{font-size:16px}.guide-order span{display:block;font-size:12px;color:#776c63;margin-top:3px}.king-guide .guide-help{position:absolute;right:16px;top:19px;width:27px;height:27px;border:1px solid #d9bca4;border-radius:50%;background:#fff7ee;color:#986337;font-size:14px;line-height:24px;text-align:center}.guide-tooltip{display:none;position:absolute;z-index:2;right:0;top:51px;width:min(300px,80vw);padding:12px 14px;border-radius:12px;background:#3d342f;color:#fff7ed;font-size:12px;line-height:1.6;box-shadow:0 12px 30px #30251d32}.guide-help-wrap:hover .guide-tooltip,.guide-help-wrap:focus-within .guide-tooltip{display:block}.dark .guide-order span{color:#c2b3a5}
.wk-ui.glass-app .order-cue{display:inline-flex;align-items:center;max-width:100%;margin:4px 0 18px;padding:7px 12px;border:1px solid #e7cab2;border-radius:999px;background:#fff2e6;color:#88522a;font-size:12px;line-height:1.4;letter-spacing:.02em}.wk-ui.glass-app .order-cue[hidden]{display:none}.dark .wk-ui.glass-app .order-cue{background:#513d2c;color:#f4c89e;border-color:#8d6548}
.side-menu nav .guide-settings-link{gap:13px;min-height:44px;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:400;color:var(--muted)}.side-menu nav .guide-settings-link i{display:block;width:24px;font-size:20px;line-height:1;text-align:center}.side-menu nav .guide-settings-link:hover,.side-menu nav .guide-settings-link:focus-visible{background:#f38e420d;color:var(--accent)}
.side-menu .side-tools #theme{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:54px;padding:4px 0;font-size:11px;line-height:1.2;white-space:nowrap}.side-menu .side-tools #theme svg{width:19px;height:19px;flex:none}.side-menu .side-tools #theme:hover{color:var(--accent)}
.guide-reset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 0;border-top:1px solid #e8ded4;color:#887a6e;font-size:12px}.king-guide .guide-reset-row button{border:1px solid #d8b1a5;border-radius:9px;background:#fff8f5;color:#a44f3d;padding:7px 10px;font-size:12px;white-space:nowrap}.king-guide .guide-reset-row button:hover{background:#fff0ea}.guide-reset-dialog,.root-detail{box-sizing:border-box;width:min(430px,calc(100% - 28px));padding:25px 27px;border:1px solid #fff9;border-radius:20px;background:#fffaf5f5;color:#332d29;box-shadow:0 24px 90px #49332630;backdrop-filter:blur(24px);font:14px/1.8 "Microsoft YaHei","PingFang SC",sans-serif}.guide-reset-dialog::backdrop,.root-detail::backdrop{background:#433b354d;backdrop-filter:blur(5px)}.guide-reset-dialog h2,.root-detail h2{font-size:23px;margin:0 0 10px}.guide-reset-dialog p,.root-detail p{color:#756a61;margin:8px 0 20px}.guide-reset-dialog #guideResetError{color:#a13d25;margin:0}.guide-reset-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.guide-reset-actions button,.root-detail-top button{font:inherit;cursor:pointer}.guide-reset-actions button{padding:9px 14px;border-radius:9px;border:1px solid #e1d4ca;background:#fff}.guide-reset-actions [data-confirm-reset]{background:#a44f3d;border-color:#a44f3d;color:#fff}.guide-reset-actions button:disabled{opacity:.6;cursor:wait}
.wk-ui.glass-app .order-cue{cursor:pointer;font-family:inherit;transition:background .18s,transform .18s}.wk-ui.glass-app .order-cue:hover{background:#ffe6ce;transform:translateY(-1px)}.root-detail-top{display:flex;align-items:center;justify-content:space-between;color:#9b754f;font-size:12px}.root-detail-top button{border:0;background:none;color:inherit;font-size:27px;line-height:1}.root-detail h2{margin:10px 0 3px;font-family:Georgia,serif;font-size:31px}.root-detail strong{display:block;color:#ae6937;font-size:16px;font-weight:600}.root-detail p{line-height:1.85}.root-detail small{display:block;padding-top:13px;border-top:1px solid #e8ded4;color:#887a6e;font-size:12px}
.dark .guide-reset-row{border-color:#665346;color:#c2b3a5}.dark .king-guide .guide-reset-row button{background:#51382f;color:#f4bfaa;border-color:#8b5b49}.dark .guide-reset-dialog,.dark .root-detail{background:#302b28f7;color:#f5ebe2;border-color:#67574b}.dark .guide-reset-dialog p,.dark .root-detail p,.dark .root-detail small{color:#c2b3a5}.dark .root-detail small{border-color:#665346}.dark .root-detail strong{color:#f1b181}.dark.wk-ui.glass-app .order-cue{background:#513d2c;color:#f4c89e;border-color:#8d6548}
@keyframes guide-hello{from{transform:translateY(6px) rotate(-5deg);opacity:.3}to{transform:none;opacity:1}}
@media(max-width:800px){.side-menu nav .guide-settings-link{justify-content:center;padding:9px 0}.guide-settings-link span,.side-menu .side-tools #theme span{display:none}.side-menu .side-tools #theme{min-width:28px}}
@media(max-width:480px){.king-guide{padding:20px;border-radius:22px}.guide-intro{gap:8px;margin:6px 0 22px}.guide-fox{flex-basis:76px;width:76px;height:76px}.guide-intro h2{font-size:22px}.king-guide .guide-option{padding:14px}.guide-mode span{font-size:12px;margin-bottom:15px}.guide-footer{gap:8px}.king-guide .guide-primary{padding:10px 15px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.guide-fox{animation:none}.guide-option{transition:none}}
.guide-tooltip{pointer-events:none;top:54px;width:260px;max-width:calc(100vw - 80px);right:0;z-index:5}.guide-order-wrap:nth-child(odd) .guide-tooltip{left:0;right:auto}.guide-help-wrap:focus-within .guide-tooltip{display:none}.guide-help-wrap.is-open .guide-tooltip{display:block}.guide-tooltip>strong{display:block;font-size:14px;margin-bottom:8px}.guide-tooltip>span{display:block;margin-top:8px}.guide-tooltip b{display:block;color:#ffd2a3;font-weight:500;margin-bottom:2px}.guide-tooltip .guide-tip-note{padding-top:8px;border-top:1px solid #ffffff30;color:#e1cdbc;font-size:11px}.dark .king-guide .guide-help{background:#513d2c;color:#f4c89e;border-color:#8d6548}@media(hover:hover){.guide-help-wrap:hover .guide-tooltip{display:block}}@media(max-width:480px){.king-guide .guide-orders{grid-template-columns:1fr!important}.king-guide .guide-order{padding-right:56px}.guide-order-wrap .guide-tooltip{left:auto!important;right:0;max-width:calc(100vw - 80px)}}
.king-guide{scrollbar-gutter:stable}
.king-guide .guide-tooltip[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:300px;max-width:calc(100vw - 24px);max-height:min(360px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;pointer-events:auto;padding:16px 18px;border:1px solid #ffffff20;font:12px/1.7 "Microsoft YaHei","PingFang SC",sans-serif;white-space:normal;overflow-wrap:anywhere;color:#fff7ed;background:#3d342f;box-shadow:0 12px 30px #30251d32;border-radius:14px}
.king-guide .guide-tooltip[popover]:not(:popover-open){display:none!important}
.king-guide .guide-tooltip[popover]:popover-open{display:block!important}
.king-guide .guide-order-title{display:flex;align-items:center;gap:8px;min-height:52px;white-space:nowrap;line-height:1.35}
.king-guide .guide-mode-fox{display:block;flex:0 0 52px;width:52px;height:52px;line-height:0;pointer-events:none}
.king-guide .guide-mode-fox img{display:block;width:52px;height:52px;object-fit:contain}
.king-guide .guide-option.guide-order{height:100%;min-height:116px}
.king-guide .guide-help[data-order-help]{top:26px}
@media(max-width:480px){.king-guide .guide-option.guide-order{padding:12px 54px 13px 14px;min-height:108px}.king-guide .guide-order-title{min-height:48px}.king-guide .guide-mode-fox{flex-basis:48px;width:48px;height:48px}.king-guide .guide-mode-fox img{width:48px;height:48px}.king-guide .guide-help[data-order-help]{top:23px}}
.king-guide [data-order="chain"] .guide-mode-fox{flex-basis:60px;width:60px;height:60px}
@media(max-width:480px){.king-guide [data-order="chain"] .guide-mode-fox{flex-basis:56px;width:56px;height:56px}}
