@import url('/job/article.css');
.topic-page:not(.news-page) .topic-layout{column-gap:10px}
.topic-recipe-label{margin:0 0 10px;color:var(--job-gold);font-size:14px;font-weight:500;line-height:1.5}
.topic-page{--job-panel:#fff;--job-soft:#f1eee7;--job-text:#37352f;--job-muted:#7b766c;--job-gold:#947023;--topic-side:#f7f5ef;--topic-line:#dedbd3;--topic-active:#f3e8ca;--topic-nav-top:65px;color:var(--job-text);padding-top:14px;padding-bottom:28px;font-size:var(--mu-font-body,15.2px)}
html.dark .topic-page,html.tw-dark .topic-page{--job-panel:#302e29;--job-soft:#3b3832;--job-text:#eee7da;--job-muted:#bbb2a2;--job-gold:#dbc188;--topic-side:#2b2925;--topic-line:#625b4e;--topic-active:#51442c}
.topic-page *{box-sizing:border-box}.topic-page [hidden]{display:none!important}.topic-page a{color:inherit}.topic-page a:hover{color:var(--job-gold)}.topic-page a:focus-visible,.topic-page button:focus-visible,.topic-page input:focus-visible,.topic-page summary:focus-visible{outline:2px solid var(--job-gold);outline-offset:2px}
.topic-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--topic-side);padding:20px 24px;border-radius:3px;margin-bottom:14px}.topic-header h1{font-size:27px;font-weight:600;line-height:1.35;margin:6px 0 10px}.topic-breadcrumb,.topic-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--job-muted);font-size:12px}.topic-meta{margin:0}.topic-header-actions{display:flex;gap:8px;flex-shrink:0}.topic-header-actions a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--job-soft);border:0;border-radius:3px;font-size:13px;white-space:nowrap}.topic-header-actions a .topic-icon{color:currentColor}.topic-header-actions a:hover{background:var(--topic-active)}.topic-header-actions a:first-child{color:var(--job-gold)}
.topic-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 190px;gap:16px;align-items:start}.topic-main{min-width:0}.topic-sidebar,.topic-toc{position:sticky;top:calc(var(--topic-nav-top) + 14px);max-height:calc(100vh - var(--topic-nav-top) - 28px);overflow-y:auto;scrollbar-width:thin;border-radius:3px;background:var(--topic-side);padding:14px 10px;font-size:13px}.topic-page summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;font-weight:600}.topic-page summary::-webkit-details-marker{display:none}.topic-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle;color:var(--job-muted)}.topic-caret{transition:transform .15s ease}.topic-page details[open]>summary>.topic-caret{transform:rotate(180deg)}.topic-library>summary,.topic-toc>details>summary{padding:0 6px 8px}.topic-group{margin-top:8px}.topic-group>summary{padding:6px 8px;color:var(--job-gold);font-weight:400}.topic-group>summary>.topic-caret{margin-left:auto}.topic-group a,.topic-toc nav a{display:flex;align-items:baseline;gap:8px;padding:9px 10px;border-radius:3px;line-height:1.55}.topic-group a:hover,.topic-toc nav a:hover{background:var(--job-soft)}.topic-group a[aria-current],.topic-toc nav a[aria-current]{background:var(--topic-active);color:var(--job-gold)}.topic-toc nav a>span:first-child{font-size:11px;flex-shrink:0;color:var(--job-gold)}.topic-back-top{display:block;padding:14px 10px 2px;color:var(--job-muted)!important}.topic-search{display:block;padding:2px 5px 8px}.topic-search>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.topic-search input{width:100%;padding:7px 9px;font-size:12px;color:var(--job-text);background:var(--job-soft);border:1px solid var(--topic-line);border-radius:3px}.topic-search-empty{padding:8px;color:var(--job-muted)}.topic-shop-links{display:grid;gap:6px;margin-top:14px;padding:12px 8px;border-top:1px solid var(--topic-line)}.topic-shop-links>span{color:var(--job-muted);margin-bottom:3px}.topic-shop-links a{padding:4px 0}
.topic-content{background:var(--job-panel);border-radius:3px;padding:20px 24px;min-width:0;box-shadow:0 6px 20px #00000012}.topic-content h2,.topic-content h3,.topic-content h4.title,#topic-comments{scroll-margin-top:calc(var(--topic-nav-top) + 14px)}.topic-content img:not(.article-reference-icon){max-width:100%;height:auto}.topic-table-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin}.topic-content table{max-width:none;min-width:100%;margin:0 0 18px}.topic-content iframe{max-width:100%}.topic-content .text-warning{color:var(--job-gold)}.topic-content .mb-3{margin-bottom:16px}.topic-content .mb-4{margin-bottom:24px}.topic-content .text-center{text-align:center}.topic-content .btn{display:inline-block;padding:5px 9px;border-radius:3px;background:var(--job-soft);color:var(--job-gold);margin:3px}.topic-content .topic-note{color:var(--job-muted);font-size:13px;margin:8px 0 14px}.topic-recipe{margin-bottom:26px}.topic-recipe:last-child{margin-bottom:0}.topic-recipe-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.topic-recipe-tabs button{border:1px solid transparent;background:var(--job-soft);color:var(--job-text);padding:4px 10px;border-radius:3px;cursor:pointer;font-size:13px;line-height:20px}.topic-recipe-tabs button[aria-selected=true]{background:var(--topic-active);color:var(--job-gold);border-color:var(--job-gold)}.topic-recipe-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:var(--job-soft);border-radius:3px}.topic-recipe-facts div{display:flex;flex-direction:column;gap:6px;font-size:13px}.topic-recipe-facts span{color:var(--job-muted)}.topic-recipe-facts strong{color:var(--job-gold);font-weight:500}.topic-recipe-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-recipe-columns>section{padding:12px;background:var(--job-soft);border-radius:3px;min-width:0}.topic-recipe-columns p{line-height:30px}.topic-main .detail-comments-layout{margin-top:16px}.topic-main .uiv8-comments{border-radius:3px}
@media(max-width:1150px){.topic-layout{grid-template-columns:180px minmax(0,1fr)}.topic-toc{position:static;grid-column:2;grid-row:1;max-height:none}.topic-main{grid-column:2;grid-row:2}.topic-sidebar{grid-row:1/span 2}.topic-toc nav{display:flex;flex-wrap:wrap}.topic-toc nav a{padding:5px 8px}.topic-back-top{display:none}}
@media(max-width:760px){.topic-header{padding:16px;align-items:flex-start;flex-wrap:wrap}.topic-header h1{font-size:23px}.topic-header-actions{width:100%}.topic-layout{display:flex;flex-direction:column;gap:12px}.topic-sidebar,.topic-toc{position:static;max-height:none;width:100%}.topic-main{width:100%;order:3}.topic-toc{order:2}.topic-sidebar{order:1}.topic-content{padding:16px}.topic-recipe-columns{grid-template-columns:1fr}.topic-recipe-facts{padding:10px;gap:6px}.topic-recipe-facts div{font-size:12px}.topic-content .firstRow td,.topic-content .firstRow td span{white-space:normal}.topic-content table{min-width:560px}.topic-content{overflow-wrap:break-word}}

.topic-shop-links a,.topic-back-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.topic-page a:hover>.topic-icon{color:var(--job-gold)}

.topic-group[open]>div{margin:3px 0 8px 15px;padding-left:8px;border-left:2px solid var(--topic-line)}

.topic-search{position:relative;padding-bottom:0;margin-bottom:8px}.topic-search input{display:block;padding-right:34px}.topic-search input::-webkit-search-cancel-button{display:none}.topic-search-clear{position:absolute;right:8px;top:calc(50% + 1px);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--job-muted);cursor:pointer}.topic-search-clear>span{width:16px;height:16px}.topic-search-clear:hover{color:var(--job-gold);background:var(--topic-active)}

.topic-page .topic-main .detail-comments-layout>.uiv8-comments{--comment-bg:var(--job-panel);--comment-soft:var(--topic-side);--comment-text:var(--job-text);--comment-muted:var(--job-muted)}

.topic-group>summary{padding:8px 10px;min-height:38px;border-radius:3px;background:var(--job-soft);color:var(--job-text);font-size:14px;font-weight:600}.topic-group[open]>summary{background:var(--topic-active);color:var(--job-gold)}.topic-group>summary:hover{background:var(--topic-active);color:var(--job-gold)}.topic-group[open]>div{margin-top:6px}.topic-group>summary>.topic-caret{color:currentColor}