.operation-guide-entry { display:inline-flex!important; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; width:auto!important; min-width:96px; height:34px; padding:0 12px!important; border:1px solid #e8dcc32e!important; border-radius:6px; background:rgb(18 28 30 / 68%)!important; color:#ded1b4!important; font:500 13px "Microsoft YaHei UI",sans-serif; white-space:nowrap; cursor:pointer; }
.operation-guide-entry>span { display:grid; place-items:center; width:16px; height:16px; border:1px solid currentColor; border-radius:50%; font-size:11px; }
#detailDrawer .drawer-utility:has(.operation-guide-entry){grid-template-columns:100px minmax(0,1fr) auto 38px;height:auto;min-height:58px;row-gap:8px}
#detailDrawer .drawer-utility>.drawer-back{grid-column:1;grid-row:1}
#detailDrawer .drawer-utility>.drawer-utility-context{grid-column:2;grid-row:1}
#detailDrawer .drawer-utility>.operation-guide-entry{grid-column:3;grid-row:1}
#detailDrawer .drawer-utility>.drawer-close{grid-column:4;grid-row:1}
@media(max-width:600px){
 #detailDrawer .drawer-utility:has(.operation-guide-entry){grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;padding:8px 14px}
 #detailDrawer .drawer-utility>.drawer-back[hidden]{display:none}
 #detailDrawer .drawer-utility>.drawer-utility-context{grid-column:1}
 #detailDrawer .drawer-utility>.operation-guide-entry{grid-column:2;min-width:88px;height:40px}
 #detailDrawer .drawer-utility>.drawer-close{grid-column:3;width:40px;height:40px}
 #detailDrawer .drawer-utility:has(.drawer-back:not([hidden])){grid-template-columns:1fr auto 44px}
 #detailDrawer .drawer-utility>.drawer-back:not([hidden]){grid-column:1;min-height:40px}
 #detailDrawer .drawer-utility:has(.drawer-back:not([hidden]))>.drawer-utility-context{grid-column:1/-1;grid-row:2;justify-content:flex-start}
}
.operation-guide-entry[hidden],.operation-guide-tour[hidden],.operation-guide-ring[hidden],.operation-guide-panel [hidden],.operation-guide-tour [hidden] { display:none!important; }
.operation-guide-panel { position:fixed; inset:0 40px 0 auto; margin:auto 0; padding:0; width:620px; max-width:calc(100vw - 80px); height:min(740px,calc(100vh - 80px)); max-height:calc(100vh - 80px); border:1px solid #e8dcc32e; border-radius:16px; background:linear-gradient(150deg,rgb(48 60 59 / 75%),rgb(13 24 27 / 78%)); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); color:#f1ede5; box-shadow:0 24px 90px #00000030; font:14px/1.8 "Microsoft YaHei UI","Segoe UI",sans-serif; overflow:hidden; }
.operation-guide-panel[open] { display:flex; flex-direction:column; }
.operation-guide-panel[data-view="home"] { height:500px; }
.operation-guide-panel::backdrop { background:#10191c38; }
.operation-guide-panel *,.operation-guide-tour * { box-sizing:border-box; }
.operation-guide-panel button,.operation-guide-tour button { font:inherit; cursor:pointer; }
.operation-guide-head { display:flex; align-items:center; justify-content:space-between; padding:20px 30px; border-bottom:1px solid #e8dcc31f; flex-shrink:0; }
.operation-guide-head>div { display:flex; align-items:center; gap:18px; }
.operation-guide-head h2 { margin:0; font-size:15px; font-weight:600; letter-spacing:.06em; }
.operation-guide-head button { padding:4px 0; color:#c9c6bd; background:none; border:0; font-size:13px; }
.operation-guide-head button:hover { color:#fff9ed; }
.operation-guide-home { flex:1; min-height:0; overflow:auto; padding:44px 40px 28px; }
.operation-guide-category { display:block; margin:0 0 12px; color:#c7b99f; font-size:12px; letter-spacing:.08em; }
.operation-guide-home h3 { margin:0 0 12px; max-width:500px; font-size:29px; line-height:1.5; font-weight:600; color:#fff9ed; letter-spacing:-.02em; }
.operation-guide-summary { margin:0; color:#dedbd2; font-size:14px; line-height:1.8; }
.operation-guide-primary { display:flex; align-items:center; justify-content:space-between; width:100%; height:52px; margin-top:32px; padding:0 22px; border:1px solid #84322f; border-radius:7px; background:#84322f; color:#fffdf8; font-weight:600!important; font-size:15px!important; }
.operation-guide-primary:hover { background:#702622; }
.operation-guide-primary span { font-size:24px; font-weight:400; }
.operation-guide-caption { margin:11px 0 0; color:#beb7aa; font-size:12px; text-align:center; }
.operation-guide-secondary { display:flex; justify-content:center; gap:30px; margin-top:36px; padding-top:20px; border-top:1px solid #e8dcc31f; }
.operation-guide-secondary button { padding:0; border:0; background:none; color:#d1c9bb; font-size:13px; }
.operation-guide-secondary button:hover { color:#fff9ed; }
.operation-guide-search { padding:22px 30px 18px; border-bottom:1px solid #e8dcc31f; }
.operation-guide-search label { display:block; margin-bottom:9px; color:#dedbd2; font-size:13px; }
.operation-guide-search input { width:100%; height:42px; padding:8px 12px; border:1px solid #e8dcc330; border-radius:6px; background:rgb(7 17 19 / 40%); color:#f1ede5; font:inherit; }
#operationGuideNav { overflow:auto; flex:1; min-height:0; padding:12px 30px 28px; }
#operationGuideNav details { border-bottom:1px solid #e8dcc31f; }
#operationGuideNav summary { padding:16px 2px; cursor:pointer; color:#f1ede5; font-weight:600; list-style:none; }
#operationGuideNav summary::before { content:'›'; display:inline-block; width:20px; color:#c7b99f; }
#operationGuideNav details[open]>summary::before { content:'⌄'; }
#operationGuideNav summary>span { float:right; font-weight:400; color:#beb7aa; font-size:12px; }
#operationGuideNav button { display:flex; align-items:center; justify-content:space-between; width:100%; padding:11px 16px 11px 22px; margin-bottom:3px; border:0; border-radius:5px; background:none; color:#dedbd2; text-align:left; font-size:13px; line-height:1.6; }
#operationGuideNav button:hover { background:#ffffff0d; color:#fff9ed; }
#operationGuideNav button>span { color:#c7b99f; }
#operationGuideArticle { overflow:auto; min-height:0; flex:1; padding:32px 36px; }
#operationGuideArticle>h2 { margin:0 0 10px; font-size:25px; line-height:1.5; color:#fff9ed; }
.operation-guide-article-actions { display:flex; gap:20px; align-items:center; margin:22px 0 26px; }
.operation-guide-article-actions [data-guide-start],.operation-guide-article-actions a { padding:8px 20px; border:0; border-radius:6px; background:#84322f; color:#fffdf8; text-decoration:none; }
.operation-guide-article-actions [data-guide-expand] { padding:0; border:0; background:none; color:#c9c6bd; font-size:12px; }
.operation-guide-steps details { border-bottom:1px solid #e8dcc31f; }
.operation-guide-steps summary { display:flex; align-items:center; gap:16px; padding:17px 0; cursor:pointer; list-style:none; color:#f1ede5; font-weight:500; }
.operation-guide-steps summary::after { content:'+'; margin-left:auto; color:#c7b99f; font-size:18px; font-weight:400; }
.operation-guide-steps details[open]>summary::after { content:'−'; }
.operation-guide-number { color:#c7b99f; font:18px Georgia,serif; }
.operation-guide-steps p { margin:0 0 18px 38px; color:#dedbd2; font-size:14px; line-height:1.9; }
.operation-guide-notes { margin-top:25px; color:#c7b99f; font-size:12px; }
.operation-guide-notes summary { cursor:pointer; }
.operation-guide-notes p { margin:8px 0; color:#c9c6bd; }
.operation-guide-result { padding:12px 16px; margin:18px 0 0; border-left:2px solid #a58965; background:#ffffff08; color:#ded1b4; font-size:13px; }
.operation-guide-empty { margin:24px 0; color:#c9c6bd; font-size:14px; text-align:center; }
.operation-guide-tour { position:fixed; transition:none; z-index:2147483001; width:280px; max-height:calc(100vh - 40px); overflow:auto; padding:14px 18px; border:1px solid #e8dcc32e; border-radius:11px; background:linear-gradient(150deg,rgb(48 60 59 / 75%),rgb(13 24 27 / 78%)); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); color:#f1ede5; box-shadow:0 12px 36px #00000030,inset 0 1px 0 #fff5dd16; font:14px/1.8 "Microsoft YaHei UI",sans-serif; }
.operation-guide-tour header { display:flex; justify-content:space-between; align-items:center; color:#c7b99f; font-size:11px; letter-spacing:.04em; }
.operation-guide-tour header button { padding:0; border:0; background:none; color:#c9c6bd; font-size:12px; }
.operation-guide-tour h3 { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.operation-guide-tour p { margin:16px 0; color:#f4efe5; line-height:1.7; font-size:15px; font-weight:500; }
#operationGuideStepState { color:#d8c39e; font-size:12px; margin:0 0 12px; }
.operation-guide-tour footer { display:flex; align-items:center; gap:18px; padding-top:12px; border-top:1px solid #e8dcc31f; }
.operation-guide-tour footer button { padding:3px 0; border:0; background:none; color:#c9c6bd; font-size:12px; }
.operation-guide-tour header button:hover,.operation-guide-tour footer button:hover { color:#fff9ed; }
.operation-guide-tour [data-guide-next],.operation-guide-tour [data-keep-selection="true"] { margin-left:auto; padding:6px 16px; border-radius:5px; background:#cfb782; color:#172326; font-size:13px; }
.operation-guide-tour button:disabled { opacity:.4; cursor:default; }
.operation-guide-ring { position:fixed; z-index:2147483000; box-sizing:border-box; pointer-events:none; border:1px solid #e3c990; border-radius:7px; box-shadow:0 0 0 2px #d8bb7829,0 0 18px #d8bb7826,0 0 0 9999px #101a1d66; }
.operation-guide-marker { position:fixed; z-index:2147483001; background:#d8c18e; pointer-events:none; }
.operation-guide-marker::after { content:''; position:absolute; width:5px; height:5px; border-top:1px solid #d8c18e; border-left:1px solid #d8c18e; }
.operation-guide-marker[data-direction="up"]::after { top:0; left:-2px; transform:rotate(45deg); }
.operation-guide-marker[data-direction="down"]::after { bottom:0; left:-2px; transform:rotate(225deg); }
.operation-guide-marker[data-direction="left"]::after { left:0; top:-2px; transform:rotate(-45deg); }
.operation-guide-marker[data-direction="right"]::after { right:0; top:-2px; transform:rotate(135deg); }
.operation-guide-panel :focus-visible,.operation-guide-tour :focus-visible,.operation-guide-entry:focus-visible { outline:2px solid #ab7b4d; outline-offset:4px; }

.operation-guide-help { position:relative; height:20px; padding:0; border:0; margin-top:10px; font-size:11px; color:#b9b7b0; }
.operation-guide-help summary { margin:0; padding:0; line-height:20px; cursor:pointer; list-style:none; width:fit-content; }
.operation-guide-help summary::after { content:"⌄"; margin-left:6px; }
.operation-guide-help[open] summary::after { content:"⌃"; }
.operation-guide-help>div { position:absolute; left:0; bottom:24px; display:grid; gap:0; min-width:140px; padding:6px; border:1px solid #d8c18e40; border-radius:7px; background:#19292b; box-shadow:0 6px 20px #0004; }
.operation-guide-help>div button { padding:8px 12px; text-align:left; border-radius:4px; }
.operation-guide-help>div button:hover { background:#ffffff0d; }
.operation-guide-help button { padding:0; border:0; background:none; color:#b9b7b0; font-size:11px; }
.operation-guide-help button:hover { color:#fff9ed; }

.operation-guide-completion { position:fixed; z-index:2147483001; right:24px; top:100px; display:flex; align-items:center; gap:22px; max-width:400px; padding:16px 20px; border:1px solid #e8dcc32e; border-radius:10px; background:rgb(18 28 30 / 78%); backdrop-filter:blur(16px); color:#f1ede5; font:14px/1.8 "Microsoft YaHei UI",sans-serif; }
.operation-guide-completion[hidden] { display:none; }
.operation-guide-completion p { margin:0; }
.operation-guide-completion button { border:0; background:none; color:#d8c39e; cursor:pointer; white-space:nowrap; }

.operation-guide-tour button { transition:none; }