/* Preserve the existing theme and advertisement card design. */
.prose-save-notice{position:fixed;left:50%;top:24px;transform:translate(-50%,-8px);z-index:10000;padding:10px 20px;border:1px solid #a8bd92;border-radius:12px;background:#f5faed;color:#3d622d;box-shadow:0 5px 20px #35452a26;font-size:14px;font-weight:600;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.prose-save-notice.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.prose-save-notice{transition:none}}
.prose-inline-form{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px;gap:10px;margin:0}
.prose-inline-form textarea{flex:1;min-height:50px;width:100%;box-sizing:border-box;resize:none;padding:10px;border:1px solid #cfb68c;border-radius:8px;background:#fffaf0;color:#354151;font-size:13px;font-family:inherit;line-height:2.1;white-space:pre;overflow:auto}
.prose-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prose-inline-actions button{border:1px solid #cfb68c;border-radius:8px;padding:7px 14px;background:#fff7e8;color:#71512e;cursor:pointer;font:inherit;font-size:12px}
.prose-inline-actions button[type=submit]{background:#9f6338;border-color:#9f6338;color:white}
.prose-inline-actions button:disabled{opacity:.6;cursor:wait}
.prose-inline-actions button:focus-visible,.prose-inline-form textarea:focus-visible{outline:2px solid #95651e;outline-offset:2px}
.prose-inline-status{font-size:12px;color:#8e3b24;white-space:normal}
.navigation-prose-panel.is-editing>.navigation-prose-body{display:none!important}
.navigation-prose-panel.is-editing>header .prose-edit-button{visibility:hidden}
.navigation-common-stack{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;min-height:0}
body.three-prose-navigation .navigation-common-stack .navigation-prose-panel{height:auto;min-height:0}
body.link-list-navigation .navigation-home-log-body{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:980px){body:not(.prose-home) .navigation-common-stack{height:320px}}
body.prose-home .sidebar{position:relative!important;inset:auto!important;width:100%!important;height:100dvh!important;padding:14px 8px 20px!important;display:flex!important;flex-direction:column!important;border-right:0}
body.prose-home .app{display:block;min-height:100dvh}
body.prose-home .prose-home-header{display:flex;align-items:center;justify-content:center;gap:28px;min-height:98px;flex-shrink:0;margin-bottom:14px}
body.prose-home .sidebar .brand{margin:0;padding:0;flex:0 0 auto}
.prose-home-search{width:min(480px,52vw);min-width:0}
.prose-home-search .search-form{width:100%;height:48px}
.prose-home-search input{padding-left:16px}
.prose-search-result{font-size:12px;margin:7px 4px 0;color:var(--theme-ink,#354151)}
.navigation-prose-body mark{background:#ffe073;color:#372800;outline:1px solid #d9a431;border-radius:2px}
body.prose-home .navigation-prose-columns{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;flex:1;min-height:0}
body.prose-home .navigation-prose-panel{height:auto;min-height:0}
@media(max-width:700px){body.prose-home .prose-home-header{gap:14px;min-height:86px}body.prose-home .navigation-prose-columns{grid-template-columns:repeat(3,minmax(230px,1fr));overflow-x:auto}.prose-home-search{width:calc(100% - 110px)}}
body.three-prose-navigation{--directory-menu:min(68vw,calc(100vw - 380px))!important}
body.three-prose-navigation .navigation-prose-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-height:0}
body.three-prose-navigation .navigation-prose-panel{min-width:0}
body.three-prose-navigation .directory-workspace{grid-template-columns:minmax(0,1fr)!important;padding:24px 18px}
body.three-prose-navigation .navigation-prose-body:empty::before{content:'点击“编辑文案”填写内容';color:var(--theme-muted,#718092);font-size:12px}
body.three-prose-navigation .navigation-prose-panel header{padding:16px 10px;gap:8px}
@media(max-width:980px){body.three-prose-navigation .navigation-prose-columns{flex:none;min-height:320px;overflow-x:auto;grid-template-columns:repeat(3,minmax(230px,1fr))}body.three-prose-navigation .navigation-prose-panel{height:320px}body.three-prose-navigation .directory-workspace{padding:20px 16px}}
body.link-list-navigation .navigation-prose-panel{display:flex;flex-direction:column;min-height:0;flex:1;background:var(--theme-panel,#fffaf0aa);border:1px solid var(--theme-line,#c8ab80);border-radius:16px;overflow:hidden;color:var(--theme-ink,#354151)}
.navigation-prose-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 12px;border-bottom:1px solid var(--theme-line,#c8ab80)}
.navigation-prose-panel h2{font-size:18px;margin:0}
.navigation-prose-panel header a{font-size:12px;color:#315fa1;white-space:nowrap}
.navigation-prose-panel header a.prose-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 11px;box-sizing:border-box;border:1px solid #cfb68c;border-radius:9px;background:linear-gradient(180deg,#fffdf7,#f4e6cc);color:#71512e;text-decoration:none;font-size:12px;font-weight:600;line-height:1;box-shadow:inset 0 1px 0 #fff,0 2px 3px #77552b12;transition:background .16s,box-shadow .16s,transform .16s}
.navigation-prose-panel header a.prose-edit-button svg{flex-shrink:0}
.navigation-prose-panel header a.prose-edit-button:hover{background:linear-gradient(180deg,#fff9e8,#edd5aa);border-color:#b58c50;color:#593b1a;box-shadow:inset 0 1px 0 #fff,0 3px 8px #77552b26;transform:translateY(-1px)}
.navigation-prose-panel header a.prose-edit-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #77552b26}
.navigation-prose-panel header a.prose-edit-button:focus-visible{outline:2px solid #95651e;outline-offset:3px}
body.three-prose-navigation .navigation-prose-panel:has(.prose-edit-button) header{padding-top:12px;padding-bottom:12px}
@media(prefers-reduced-motion:reduce){.navigation-prose-panel header a.prose-edit-button{transition:none}}
body.link-list-navigation .navigation-prose-body{white-space:pre;font-size:13px;line-height:2.1;overflow:auto;min-height:0;padding:16px 12px;flex:1;scrollbar-width:thin;font-family:inherit}
.navigation-prose-body a{color:#285d9c;text-decoration:underline;white-space:pre;overflow-wrap:normal;word-break:normal}
.navigation-prose-body a:focus-visible{outline:2px solid #be842b;outline-offset:2px}
.detail-picker{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:14px;color:var(--theme-ink,#354151)}
.detail-picker select{min-width:0;flex:1;padding:10px;border:1px solid #c5ad85;border-radius:8px;background:#fffaf0;color:#354151;font:inherit}
body.link-list-navigation .directory-grid .ad-banner{cursor:default;transform:none!important}
body.link-list-navigation .directory-grid .ad-banner.no-img .ad-logo{display:none!important}
body.link-list-navigation .directory-grid .ad-banner.no-img{min-height:220px;padding:20px!important}
body.link-list-navigation .directory-grid .ad-info{width:100%;gap:14px}
body.link-list-navigation .directory-grid .directory-description{white-space:pre-wrap!important;overflow:visible!important;max-height:none!important;text-overflow:clip!important;line-height:1.9;user-select:text}
.detail-actions{display:flex;align-items:center;gap:16px;width:100%;padding-top:14px;border-top:1px solid #bea98266;position:relative;z-index:3}
.detail-actions a{font-size:14px;color:#315fa1;text-decoration:underline}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.link-list-navigation .directory-grid .ad-info strong{font-size:22px!important;line-height:1.5!important}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.link-list-navigation .directory-grid .directory-description{font-size:15px!important;line-height:1.9!important;color:var(--theme-ink,#354151)!important}
@media(max-width:980px){body.link-list-navigation .navigation-prose-panel{height:320px;flex:none}}
.link-list-navigation{--directory-menu:360px!important}
.link-list-navigation .directory-card[hidden],.link-list-navigation .directory-section[hidden]{display:none!important}
body.link-list-navigation .directory-workspace{grid-template-columns:230px minmax(0,1fr);gap:20px}
.link-list-navigation .directory-grid{grid-template-columns:minmax(0,1fr)!important}
.link-list-navigation .tool-list-row{padding:10px 8px;margin:5px 0;background:#ffffff99;border:1px solid #bda98766;border-radius:8px;font-size:12px}
.link-list-navigation .tool-list-row strong{display:block;font-size:13px;color:#354151}
.link-list-navigation .tool-row-actions{display:flex;gap:8px;justify-content:flex-end}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.link-list-navigation .sidebar .tool-submenu .tool-direct-link{color:#2459a1!important;background:transparent!important;padding:5px 0;text-decoration:underline;font-size:12px;font-weight:400;overflow-wrap:anywhere}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.link-list-navigation .sidebar .tool-row-actions a{padding:4px 12px;min-width:0;height:auto}
.link-list-navigation .directory-grid .ad-info strong{white-space:normal;line-height:1.5;font-size:20px}
.link-list-navigation .directory-grid .directory-description{font-size:14px;line-height:1.8}
body.link-list-navigation .directory-grid .ad-info strong{font-size:20px!important;line-height:1.5;white-space:normal}
body.link-list-navigation .directory-grid .directory-description{font-size:14px!important;line-height:1.8}
body.link-list-navigation .tool-list-row{padding:7px 8px;margin:3px 0;border-radius:5px}
body.link-list-navigation .tool-row-actions{margin-top:-2px}
@media(max-width:1200px) and (min-width:981px){.link-list-navigation{--directory-menu:310px!important}body.link-list-navigation .directory-workspace{grid-template-columns:180px minmax(0,1fr);gap:14px}}
@media(max-width:980px){body.link-list-navigation .directory-workspace{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:700px){body.link-list-navigation .directory-workspace{grid-template-columns:minmax(0,1fr)}.link-list-navigation .tool-category-switch{flex-direction:column}.link-list-navigation .tool-submenu{max-height:280px}}
.image-navigation .preview-crop{display:contents}
.image-navigation .preview-crop:has(img[src$="/page-preview-education.png"]),.image-navigation .preview-crop:has(img[src$="/page-preview-software.png"]){display:block;position:absolute;left:0;top:50%;width:100%;overflow:hidden;transform:translateY(-50%)}
.image-navigation .preview-crop:has(img[src$="/page-preview-education.png"]){aspect-ratio:775/365}
.image-navigation .preview-crop:has(img[src$="/page-preview-software.png"]){aspect-ratio:790/530}
.image-navigation .directory-grid .ad-logo img[src$="/page-preview-education.png"]{width:165.16129%!important;height:auto!important;max-width:none!important;inset:0 auto auto 0!important;transform:translate(-3.90625%,-12.777778%)}
.image-navigation .directory-grid .ad-logo img[src$="/page-preview-software.png"]{width:160.126582%!important;height:auto!important;max-width:none!important;inset:0 auto auto 0!important;transform:translate(-33.992095%,-16.151685%)}
.image-navigation .preview-dialog.preview-education{width:min(835px,94vw)}
.image-navigation .preview-dialog.preview-software{width:min(850px,94vw)}
.image-navigation .preview-dialog.preview-education .preview-dialog-body{width:min(775px,86vw,calc((92dvh - 102px)*2.123288));aspect-ratio:775/365;padding:0;margin:12px auto;overflow:hidden}
.image-navigation .preview-dialog.preview-software .preview-dialog-body{width:min(790px,86vw,calc((92dvh - 102px)*1.490566));aspect-ratio:790/530;padding:0;margin:12px auto;overflow:hidden}
.image-navigation .preview-dialog.preview-education img{width:165.16129%;height:auto;max-width:none;max-height:none;margin:0;transform:translate(-3.90625%,-12.777778%)}
.image-navigation .preview-dialog.preview-software img{width:160.126582%;height:auto;max-width:none;max-height:none;margin:0;transform:translate(-33.992095%,-16.151685%)}
.image-navigation .directory-card{position:relative;min-width:0;display:flex}
.image-navigation .directory-card>.ad-banner{width:100%}
.image-navigation .directory-grid .ad-banner .ad-logo{height:auto!important;min-height:180px!important;aspect-ratio:16/9;flex:0 0 auto!important}
.image-navigation .preview-open{position:absolute;right:18px;top:18px;z-index:3;padding:7px 10px;border:1px solid #ffffffb3;border-radius:9px;background:#273343e8;color:#fff;box-shadow:0 2px 8px #0003;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
.image-navigation .preview-open:hover{background:#111f32}
.image-navigation .preview-open:focus-visible,.image-navigation .preview-close:focus-visible{outline:3px solid #e9a52e;outline-offset:3px}
.image-navigation .preview-dialog{width:min(1100px,94vw);max-width:94vw;max-height:92dvh;padding:0;border:1px solid #c8ab80;border-radius:16px;background:#fffaf0;color:#343c49;box-shadow:0 24px 90px #0008;overflow:hidden}
.image-navigation .preview-dialog::backdrop{background:#111a2bc4;backdrop-filter:blur(5px)}
.image-navigation .preview-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #d9c6a6}
.image-navigation .preview-dialog h2{margin:0;font-size:18px;overflow-wrap:anywhere}
.image-navigation .preview-close{flex-shrink:0;border:1px solid #bfa887;border-radius:8px;background:#fff;padding:8px 12px;color:#343c49;cursor:pointer}
.image-navigation .preview-dialog-body{padding:12px;max-height:calc(92dvh - 76px);overflow:auto;text-align:center;background:#e9edf2}
.image-navigation .preview-dialog img{display:block;max-width:100%;max-height:calc(92dvh - 102px);width:auto;height:auto;margin:auto;object-fit:contain}
.image-navigation .directory-grid .ad-logo img[src$="/page-preview-music.png"]{width:278.26087%!important;height:auto!important;max-width:none!important;left:-89.130435%!important;right:auto!important;bottom:auto!important;object-fit:contain!important}
.image-navigation .preview-dialog.preview-music .preview-dialog-body{width:min(460px,80vw,calc((92dvh - 102px)*.638889));aspect-ratio:460/720;padding:0;margin:12px auto;overflow:hidden}
.image-navigation .preview-dialog.preview-music{width:min(520px,94vw)}
.image-navigation .preview-dialog.preview-music img{width:278.26087%;height:auto;max-width:none;max-height:none;margin:0;transform:translateX(-32.03125%)}
/* Focus the original 1280x720 capture on its 480x476 login panel at (400,122). */
.image-navigation .directory-grid .ad-logo img[src$="/page-preview-group-check.png"]{width:auto!important;height:151.260504%!important;max-width:none!important;left:50%!important;top:0!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-16.944444%)}
.image-navigation .preview-dialog.preview-group-check{width:min(540px,94vw)}
.image-navigation .preview-dialog.preview-group-check .preview-dialog-body{width:min(480px,80vw,calc((92dvh - 102px)*1.008403));aspect-ratio:480/476;padding:0;margin:12px auto;overflow:hidden}
.image-navigation .preview-dialog.preview-group-check img{width:266.666667%;height:auto;max-width:none;max-height:none;margin:0;transform:translate(-31.25%,-16.944444%)}
.image-navigation .directory-grid .ad-logo img[src^="assets/uploads/page-preview-"]{object-fit:cover!important;object-position:top center!important;background:#fff}
.image-navigation .tool-category-switch{gap:12px;padding-bottom:6px}
@media(min-width:981px){.image-navigation .sidebar .tool-category-switch{overflow:visible;max-height:none;height:auto;flex-shrink:0}}
.image-navigation .tool-category-switch .category-maintenance{--switch-ink:#98621a;--switch-top:#fff6df;--switch-bottom:#f3dfb4;--switch-line:#d9b46e;--switch-glow:#d99828}
.image-navigation .tool-category-switch .category-new{--switch-ink:#18704d;--switch-top:#eafff4;--switch-bottom:#bee7d5;--switch-line:#86bda5;--switch-glow:#2aa574}
.image-navigation .tool-category-switch .category-other{--switch-ink:#4758a5;--switch-top:#f2f1ff;--switch-bottom:#d5daf3;--switch-line:#a6afd8;--switch-glow:#6b79cd}
.image-navigation .sidebar .tool-category-switch a.category-toggle{position:relative;border:1px solid var(--switch-line);border-radius:10px;background:linear-gradient(160deg,var(--switch-top),var(--switch-bottom))!important;color:var(--switch-ink)!important;box-shadow:0 4px 0 var(--switch-line),0 6px 9px #34506a18,inset 0 1px 1px #fff;transition:box-shadow .15s,transform .15s;font-weight:700}
.image-navigation .sidebar .tool-category-switch a.category-toggle.active,.image-navigation .sidebar .tool-category-switch a.category-toggle:active{background:linear-gradient(145deg,var(--switch-ink),var(--switch-glow))!important;color:#fff!important;border-color:var(--switch-glow);box-shadow:inset 3px 4px 8px #10263b70,inset -1px -1px 2px #ffffff55,0 0 0 2px var(--switch-glow),0 0 14px var(--switch-glow);transform:translateY(3px);text-shadow:0 1px 2px #0004}
.image-navigation .sidebar .tool-category-switch a.category-toggle:hover{filter:brightness(1.025)}
.image-navigation .tool-category-switch .category-light{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--switch-line);box-shadow:inset 0 1px 2px #0002}
.image-navigation .tool-category-switch a.category-toggle.active .category-light{background:#fff;box-shadow:0 0 4px #fff,0 0 9px #fff}
.image-navigation .tool-category-switch a.category-toggle.active .directory-count{opacity:1;font-weight:800}
.image-navigation .tool-category-switch a.category-toggle:focus-visible{outline:2px solid var(--switch-ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.image-navigation .sidebar .tool-category-switch a.category-toggle{transition:none}}
.image-navigation .content{max-width:1600px;margin:auto}
.image-navigation .directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.image-navigation .directory-section{margin:30px 0}
.image-navigation .directory-section h2{display:flex;align-items:center;gap:12px;font-size:19px;color:var(--theme-ink,#31506f);margin:0 0 16px}
.image-navigation .directory-section h2 span{font-size:12px;font-weight:400;color:var(--theme-muted,#627b94)}
.image-navigation .directory-count{margin-left:auto;font-size:12px;opacity:.7}
.image-navigation .directory-tools{display:flex;flex-direction:column;gap:18px;padding:26px 16px;border-top:1px solid #a5bfdb40;margin-top:24px}
.image-navigation .directory-tools a{color:var(--theme-ink,#557496);text-decoration:none;font-size:13px}
.image-navigation .search-form input{padding-left:18px;min-width:0}
.image-navigation .ad-banner.is-unconfigured{cursor:default}
.image-navigation .ad-banner.no-img .ad-logo{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,#cdeaff,#fce4f1)}
.image-navigation .ad-banner.no-img .ad-logo b{font-size:38px;color:#577aa0}
.image-navigation .ad-banner:focus-visible{outline:3px solid #6d9fde;outline-offset:4px}
@media(max-width:1150px){.image-navigation .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.image-navigation .directory-tools{flex-direction:row;padding:10px 16px;margin-top:0}.image-navigation .sidebar{position:relative}.image-navigation .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.image-navigation .directory-grid{grid-template-columns:1fr}.image-navigation .directory-section{margin-top:20px}}

/* Three distinct areas: menu, always-visible updates, and site cards. */
.image-navigation{--directory-menu:clamp(110px,8.25vw,160px)}
.image-navigation .sidebar{width:var(--directory-menu)}
.image-navigation .main{margin-left:var(--directory-menu);width:calc(100% - var(--directory-menu))}
.image-navigation .directory-workspace{display:grid;grid-template-columns:clamp(250px,17vw,330px) minmax(0,1fr);gap:24px;padding:24px}
.image-navigation .directory-workspace>.content{width:100%;min-width:0;max-width:none;padding:0 0 60px;margin:0}
.image-navigation .directory-log{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;max-height:calc(100dvh - 114px);height:calc(100dvh - 114px);min-height:420px;border:1px solid var(--theme-line,#d9e6f3);border-radius:18px;background:var(--theme-panel,rgba(248,252,255,.86));backdrop-filter:blur(16px);overflow:hidden;color:var(--theme-ink,#426181)}
.image-navigation .directory-log header{padding:22px 20px 16px;border-bottom:1px solid var(--theme-line,#dfeaf5)}
.image-navigation .directory-log h2{font-size:20px;margin:0 0 8px}
.image-navigation .directory-log p{font-size:12px;margin:0;color:var(--theme-muted,#7189a2)}
.image-navigation .directory-log-date{padding:14px 20px 0;font-size:11px;overflow-wrap:anywhere;color:var(--theme-muted,#7189a2)}
.image-navigation .directory-log-body{padding:18px 20px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;line-height:1.9;font-size:14px;min-height:0;scrollbar-width:thin}
.image-navigation .directory-log-body:focus-visible{outline:2px solid var(--theme-accent,#78a6d6);outline-offset:-3px}
.image-navigation .directory-workspace .search-panel{padding:0;margin-bottom:24px}
.image-navigation .directory-workspace .search-form{width:100%;max-width:none}
@media(min-width:981px){.image-navigation .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px) and (min-width:981px){.image-navigation{--directory-menu:100px}.image-navigation .directory-workspace{grid-template-columns:220px minmax(0,1fr);gap:16px;padding:20px 16px}.image-navigation .directory-grid{gap:12px}}
@media(max-width:980px){.image-navigation .sidebar{width:100%}.image-navigation .main{margin-left:0;width:100%}.image-navigation .directory-workspace{grid-template-columns:220px minmax(0,1fr);gap:16px;padding:20px 16px}.image-navigation .directory-log{top:80px;min-height:300px}}
@media(max-width:700px){.image-navigation .directory-workspace{grid-template-columns:minmax(0,1fr)}.image-navigation .directory-log{position:static;height:auto;min-height:0;max-height:240px}.image-navigation .directory-log header{padding:16px}.image-navigation .directory-log-body{padding:14px 16px}.image-navigation .directory-workspace>.content{padding-bottom:60px}}

@media(min-width:981px){
  .image-navigation .sidebar{padding-left:6px;padding-right:6px}
  .image-navigation .brand{flex-direction:column;gap:6px;padding:0 2px;margin-bottom:16px;text-align:center}
  .image-navigation .brand b{font-size:16px}
  .image-navigation .brand span{font-size:10px}
  .image-navigation .nav a{padding:0 5px;gap:4px;font-size:12px;min-width:0}
  .image-navigation .nav .cat-icon{width:14px;flex:0 0 14px;font-size:13px}
  .image-navigation .directory-count{font-size:10px}
  .image-navigation .directory-tools{padding:22px 6px;gap:18px}
  .image-navigation .directory-tools a{font-size:12px}
}

.image-navigation .ad-info .directory-description{display:block;margin:3px 0;color:var(--theme-muted,#627488);font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.image-navigation .directory-grid .ad-banner{height:auto!important;min-height:178px}
.image-navigation .directory-grid .ad-info{flex-shrink:0}

/* Category lists scroll independently without widening the existing sidebar. */
.image-navigation .category-group{min-width:0;flex-shrink:0}
.image-navigation .tool-submenu{list-style:none;margin:12px 0 0;padding:0 0 0 5px;border-left:2px solid var(--switch-line)}
.image-navigation .sidebar .tool-submenu a{display:block;height:auto;min-width:0;padding:8px 5px;margin:3px 0;border-radius:6px;font-size:12px;line-height:1.5;font-weight:600;white-space:normal;overflow-wrap:anywhere;color:var(--theme-ink,#414955);background:rgba(255,255,255,.38);box-shadow:none}
.image-navigation .sidebar .tool-submenu a:hover{background:var(--switch-top);color:var(--switch-ink)}
.image-navigation .sidebar .tool-submenu a[aria-current="location"]{color:#fff;background:var(--switch-ink);box-shadow:inset 3px 0 0 var(--switch-glow),0 0 8px var(--switch-line)}
.image-navigation .tool-submenu a:focus-visible{outline:2px solid var(--switch-ink);outline-offset:1px}
.image-navigation .submenu-empty{font-size:12px;padding:10px 5px;color:var(--theme-muted,#666)}
.image-navigation .directory-grid .ad-banner{scroll-margin-top:84px;scroll-margin-bottom:24px}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.image-navigation .directory-grid .ad-banner.is-selected{
  z-index:2;
  border-color:#ffad19!important;
  outline:3px solid #fff4a8;
  outline-offset:3px;
  box-shadow:0 0 0 6px #f5a623,0 0 18px 7px #ffb52bcc,0 0 38px 10px #ffb52b80,inset 0 0 15px #ffce6466!important;
  animation:directory-card-beacon 1.2s ease-in-out 3;
}
@keyframes directory-card-beacon{
  0%,100%{outline-color:#fff4a8;filter:drop-shadow(0 0 0 #ffb52b00)}
  50%{outline-color:#fff;filter:drop-shadow(0 0 13px #ffb52bcc)}
}
@media(prefers-reduced-motion:reduce){
  html[data-cc-theme] body.image-navigation .directory-grid .ad-banner.is-selected{animation:none}
}
@media(min-width:981px){
  .image-navigation .sidebar{display:flex;flex-direction:column}
  .image-navigation .sidebar .brand{flex-shrink:0}
  .image-navigation .sidebar .tool-category-switch{min-height:0;overflow-y:auto;overflow-x:hidden;flex:1;padding:4px 4px 12px;scrollbar-width:thin}
}
@media(max-width:980px){
  .image-navigation .category-group{flex:1;min-width:100px}
  .image-navigation .tool-submenu{max-height:180px;overflow-y:auto;scrollbar-width:thin}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.image-navigation .sidebar .tool-submenu a{background:rgba(255,255,255,.45)!important;color:var(--theme-ink,#414955)!important;border:0!important;box-shadow:none!important}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.image-navigation .sidebar .tool-submenu a:hover{background:var(--switch-top)!important;color:var(--switch-ink)!important}
html[data-cc-theme][data-cc-theme][data-cc-theme] body.image-navigation .sidebar .tool-submenu a[aria-current="location"]{background:var(--switch-ink)!important;color:#fff!important;box-shadow:inset 3px 0 var(--switch-glow),0 0 8px var(--switch-line)!important}
@media(min-width:981px){
  .image-navigation .tool-submenu{max-height:calc(100dvh - 340px);overflow-y:auto;scrollbar-width:thin}
  .image-navigation .sidebar .tool-category-switch{padding-left:1px;padding-right:1px}
  .image-navigation .sidebar .category-toggle{gap:2px;padding:0 3px;font-size:11px;white-space:nowrap}
}

/* Ice blue palette: preserve panel geometry and the original background. */
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home{--theme-panel:rgba(241,251,255,.90);--theme-input:#f5fcff;--theme-ink:#285579;--theme-muted:#5a809e;--theme-line:#aedbfa;--theme-accent:#236da5;--theme-button:#247abb;--theme-shadow:0 6px 22px #4c9ed620}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .sidebar{background:linear-gradient(140deg,#d9f1ff33,#effbff1a 55%,#aadeff26)!important;box-shadow:none!important;backdrop-filter:none}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand b{color:#2b638d!important;text-shadow:none}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand span{color:#6287a1!important}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .logo{background:#f2fbff;border-color:#9bcff2;box-shadow:0 3px 0 #79b3dc}
body.prose-home .navigation-prose-panel{background:#fff;border-color:#b2ddf9;box-shadow:0 6px 22px #4c9ed618;--panel-accent:#78bcec}
body.prose-home #prose-new{--panel-accent:#88caf2}
body.prose-home #prose-common{--panel-accent:#6fb1e4}
body.prose-home #prose-log{--panel-accent:#96d4f5}
body.prose-home .navigation-prose-panel>header{background:linear-gradient(110deg,#d9f0ffcc,#f3fbff99);border-bottom-color:#b2ddf9;box-shadow:inset 0 3px var(--panel-accent)}
body.prose-home .navigation-prose-panel h2{color:#285579}
body.prose-home .navigation-prose-body{color:#193f5e;text-shadow:none;scrollbar-color:#8cc7ed #e9f7ff}
body.prose-home .navigation-prose-body a{color:#125186;text-decoration-color:#6b9fc7;text-underline-offset:3px}
body.prose-home .navigation-prose-body a:hover{color:#144c84;text-decoration-color:currentColor}
body.prose-home .navigation-prose-panel header a.prose-edit-button{color:#326b99;background:linear-gradient(#ffffff,#deefff);border-color:#b0d7f4;box-shadow:inset 0 1px #fff,0 2px 4px #378ad21a}
body.prose-home .navigation-prose-panel header a.prose-edit-button:hover{background:#d0ebff;border-color:#75b9eb;color:#225a8b;box-shadow:0 3px 8px #378ad226}
body.prose-home .navigation-prose-panel header a.prose-edit-button:active{box-shadow:inset 0 2px 4px #378ad233}
body.prose-home .prose-inline-actions button{background:#ecf8ff;border-color:#acd6f4;color:#35698d}
body.prose-home .prose-inline-actions button[type=submit]{background:#247abb;border-color:#247abb;color:#fff}
body.prose-home .prose-inline-form textarea{border-color:#acd6f4;background:#f5fcff;color:#285579}
body.prose-home .prose-edit-button:focus-visible,body.prose-home .prose-inline-actions button:focus-visible,body.prose-home .prose-inline-form textarea:focus-visible,body.prose-home .navigation-prose-body a:focus-visible{outline-color:#4c9ed9}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .search-form{background:#f5fcffee!important;border-color:#9ccff2!important;box-shadow:0 4px 0 #78bbed33,0 8px 18px #4c9ed618!important}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .search-form input{color:#285579!important}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .search-form input::placeholder{color:#6388a4}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .search-form button{background:#247abb!important;border-color:#247abb!important;color:#fff!important;box-shadow:0 2px 0 #4989be44}
body.prose-home .navigation-prose-body mark{background:#b5e2ff;color:#194a76;outline-color:#70b7e8}
.prose-save-notice{background:#eaf7f3;border-color:#8bb8a8;color:#245d4e;max-width:min(600px,calc(100vw - 32px));box-sizing:border-box;line-height:1.6}
.prose-save-notice.is-error{background:#fff0ef;border:1px solid #d47470;border-left:5px solid #b54643;color:#8b2928;box-shadow:0 8px 26px #792e3133}
.prose-inline-status.is-error{flex-basis:100%;padding:8px 10px;border:1px solid #dfaba5;border-radius:8px;background:#fff0ef;color:#8b2928;font-weight:600;line-height:1.6;overflow-wrap:anywhere}

/* Readable horizontal site identity beside the search field. */
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .sidebar .brand{display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;padding:9px 14px;background:#fff;border:1px solid #b2ddf9;border-radius:14px;box-shadow:0 4px 16px #378ad218;text-decoration:none}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand .logo{width:38px;height:38px;flex:0 0 38px;border:0;padding:0;border-radius:10px;box-shadow:none;background:transparent}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand b{display:block;font-size:18px;line-height:1.3;letter-spacing:.02em;color:#234e71!important;white-space:nowrap}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand span{display:block;margin-top:4px;font-size:12px;line-height:1.3;color:#526f86!important;white-space:nowrap}
body.prose-home .prose-home-header .prose-home-search{flex:0 1 480px}
@media(max-width:700px){html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .sidebar .brand{padding:8px;gap:7px}html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand b{font-size:15px}html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand span{font-size:11px}html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .brand .logo{width:32px;height:32px;flex-basis:32px}body.prose-home .prose-home-header{gap:10px}}

.prose-format-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;color:#345b79}
.prose-format-toolbar button,.prose-format-toolbar select{padding:5px 8px;border:1px solid #acd6f4;border-radius:6px;background:#f5fcff;color:#234e71;font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer}
.prose-format-toolbar label{display:flex;align-items:center;gap:4px;font-size:12px}
.prose-format-toolbar input[type=color]{width:28px;height:28px;padding:2px;border:1px solid #acd6f4;border-radius:6px;background:#fff;cursor:pointer}
.prose-format-toolbar small{font-size:11px;color:#526f86}
.prose-rich-editor{flex:1;min-height:50px;overflow:auto;padding:10px;border:1px solid #acd6f4;border-radius:8px;background:#fff;color:#193f5e;font-size:13px;font-family:inherit;line-height:2.1;white-space:pre;outline:none}
.prose-rich-editor:focus{outline:2px solid #4c9ed9;outline-offset:1px}
.prose-rich-editor a{color:#125186;text-decoration:underline;cursor:text}
.prose-rich-editor p,.prose-rich-editor div{margin:0}
.prose-rich-editor[contenteditable=false]{opacity:.7}
.prose-format-toolbar :focus-visible{outline:2px solid #4c9ed9;outline-offset:2px}

/* More breathing room for links; remove the input's nested border. */
body.prose-home .navigation-prose-panel:not(.navigation-home-log) .navigation-prose-body{line-height:1.75}
body.prose-home .navigation-prose-body a{padding:3px 0}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .search-form input{border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;padding-right:16px;flex:1;min-width:0}
body.prose-home .search-form input::-webkit-search-cancel-button{margin-left:10px;margin-right:6px;cursor:pointer}
body.prose-home .search-form{gap:8px}
.prose-color-palette{display:flex;align-items:center;gap:5px}
.prose-format-toolbar button.prose-color-swatch{width:26px;height:26px;padding:4px;border:1px solid #c2d9e9;background:#fff;border-radius:7px;position:relative}
.prose-color-swatch::before{content:'';display:block;width:100%;height:100%;border-radius:3px;background:var(--swatch)}
.prose-format-toolbar button.prose-color-swatch[aria-pressed=true]{border-color:var(--swatch);box-shadow:0 0 0 2px #9ccff266}
.prose-color-swatch[aria-pressed=true]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}

.prose-format-toolbar button.prose-color-swatch[aria-pressed=true]{border:2px solid #193f5e;padding:3px;box-shadow:0 0 0 2px #fff,0 0 0 4px #57a8df;transform:translateY(-1px)}
.prose-color-swatch[aria-pressed=true]::after{text-shadow:0 1px 2px #0009;font-size:14px}
.prose-format-toolbar button[aria-label="加粗"][aria-pressed=true]{background:#216ba5;color:#fff;border-color:#185789;box-shadow:inset 0 1px 3px #17476a55}
.prose-format-toolbar button[aria-label="加粗"][aria-pressed=mixed]{background:repeating-linear-gradient(135deg,#d6eafa,#d6eafa 4px,#f5fbff 4px,#f5fbff 8px);border-color:#679dc3;color:#193f5e}

.prose-format-extras{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-basis:100%;position:relative;padding-top:5px;border-top:1px solid #dcebf5}
.prose-format-toolbar .prose-format-extras select{max-width:140px;font-size:12px}
.prose-emoji-picker{position:absolute;top:100%;right:0;z-index:20;display:grid;grid-template-columns:repeat(6,32px);gap:5px;padding:10px;margin-top:4px;border:1px solid #9ccff2;border-radius:12px;background:#fff;box-shadow:0 8px 24px #193f5e30}
.prose-emoji-picker[hidden]{display:none}
.prose-format-toolbar .prose-emoji-picker button{width:32px;height:32px;padding:0;background:#f5fbff;border-color:transparent;font-size:20px;line-height:1}
.prose-format-toolbar .prose-emoji-picker button:hover{background:#dcefff;border-color:#85bde5}

.prose-format-toolbar button:disabled{opacity:.38;cursor:default;box-shadow:none;transform:none}

/* Framed workspace with a playful Tom/Jerry header. */
body.prose-home .app{width:min(1640px,calc(100% - clamp(40px,8vw,180px)));margin-inline:auto}
html[data-cc-theme][data-cc-theme][data-cc-theme][data-cc-theme] body.prose-home .sidebar{padding:12px 0 24px!important;background:transparent!important;border-radius:0!important;border-right:0!important}
body.prose-home .prose-home-header{position:relative;min-height:166px;padding:0 190px;margin-bottom:18px;gap:24px}
.header-character{position:absolute;pointer-events:none;background-image:url('../themes/header-tom-jerry.png');background-repeat:no-repeat;filter:drop-shadow(0 5px 5px #1a41592b);transform-origin:bottom center}
.header-tom{left:4px;bottom:0;width:180px;height:180px;background-size:270px 180px;background-position:left center}
.header-jerry{right:20px;bottom:0;width:116px;height:180px;background-size:330px 220px;background-position:right center;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 60%,18% 60%)}
body.prose-home .header-tom{transform-origin:right center;animation:tom-reach 10s ease-in-out infinite}
body.prose-home .header-jerry{animation:jerry-hop 10s ease-in-out infinite;--dodge-x:22px;--dodge-y:-16px}
body.prose-home .prose-home-header:focus-within .header-character{animation-play-state:paused}
@keyframes tom-reach{0%,18%,48%,100%{transform:translate(0,0) scale(1)}23%{transform:translate(-10px,3px) scale(.96,1.02)}30%,33%{transform:translate(7px,-3px) scale(1.09,1.03)}39%{transform:translate(-3px,1px) scale(.99,1)} }
@keyframes jerry-hop{0%,27%,52%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(3px,2px) rotate(-3deg)}35%,38%{transform:translate(var(--dodge-x),var(--dodge-y)) rotate(7deg)}42%{transform:translate(var(--dodge-x),0) rotate(3deg)}47%{transform:translate(7px,-4px) rotate(-2deg)}}
@media(max-width:1100px){body.prose-home .prose-home-header{padding:0 125px;gap:14px;min-height:142px}.header-tom{width:126px;height:140px;background-size:189px 126px;left:0}.header-jerry{width:88px;height:140px;background-size:250px 167px;right:0}}
@media(max-width:700px){body.prose-home .app{width:calc(100% - 24px)}body.prose-home .prose-home-header{padding:76px 0 0;min-height:150px;margin-bottom:14px;gap:10px}.header-tom{left:16%;top:0;bottom:auto;width:90px;height:80px;background-size:135px 90px}.header-jerry{right:18%;top:0;bottom:auto;width:62px;height:80px;background-size:176px 117px}.prose-home .prose-home-header .prose-home-search{min-width:0}}
@media(prefers-reduced-motion:reduce){body.prose-home .header-character{animation:none!important}}
@media(max-width:700px){body.prose-home .header-jerry{--dodge-x:12px;--dodge-y:-9px}}

/* Message-style reading: clear ink, blue links, and intentional blank lines. */
body.prose-home .navigation-prose-panel .navigation-prose-body{color:#000000;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px 16px;text-shadow:none}
body.prose-home .navigation-prose-panel .navigation-prose-body a{color:#1689d3;text-decoration:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;padding:0;border-radius:3px}
body.prose-home .navigation-prose-panel .navigation-prose-body a:hover{color:#0873b7;background:#e8f5ff;text-decoration:underline;text-underline-offset:3px}
body.prose-home .navigation-prose-panel .navigation-prose-body a:focus-visible{outline:2px solid #1689d3;outline-offset:2px;background:#e8f5ff}
body.prose-home .prose-rich-editor{color:#000000;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
body.prose-home .prose-rich-editor a{color:#1689d3;text-decoration:none}
body.prose-home .navigation-prose-body ::selection,body.prose-home .prose-rich-editor ::selection{background:#bce2fa;color:#142f43}

/* Distinct section headers, with consistent white reading surfaces. */
body.prose-home .home-auth{position:absolute;right:0;top:0;z-index:5}
body.prose-home .home-auth form{margin:0}
body.prose-home .home-auth a,body.prose-home .home-auth button{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border:1px solid #a8d6f3;border-radius:10px;background:#f5fbff;color:#176397;font:600 13px/1.4 'Microsoft YaHei',sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 2px 6px #17639715}
body.prose-home .home-auth a:hover,body.prose-home .home-auth button:hover{background:#e4f4ff;border-color:#49a8e6}
body.prose-home .home-auth :focus-visible{outline:2px solid #1689d3;outline-offset:3px}
body.prose-home #prose-maintenance{--panel-accent:#49a8e6;--section-tint:#e4f4ff;--section-ink:#176397;--section-line:#a8d6f3}
body.prose-home #prose-new{--panel-accent:#36aa86;--section-tint:#e4f7ef;--section-ink:#206d55;--section-line:#a5d9c5}
body.prose-home #prose-common{--panel-accent:#9674d3;--section-tint:#f0eafb;--section-ink:#69479b;--section-line:#cbb6e9}
body.prose-home #prose-log{--panel-accent:#e3a046;--section-tint:#fff2dc;--section-ink:#936020;--section-line:#e9cb9b}
body.prose-home .navigation-prose-panel{border-color:var(--section-line)}
body.prose-home .navigation-prose-panel>header{background:var(--section-tint);border-bottom-color:var(--section-line)}
body.prose-home .navigation-prose-panel h2{color:var(--section-ink)}
body.prose-home .navigation-prose-panel header a.prose-edit-button{color:var(--section-ink);border-color:var(--section-line);background:#ffffffd9}