/* Tools / 地下工具库：只保留当前设计需要的最终规则。 */
:root { --tools-ink:#fff0d4; --tools-muted:rgba(255,231,193,.72); --tools-green:#b7dc76; }

/* Scene layers belong to tools/detail-shell.css for both index and detail pages. */
body[data-page-layout="tools"] { color:var(--tools-ink); }
body[data-page-layout="tools"] .modern-site-header { background:linear-gradient(180deg,rgba(34,15,4,.48),transparent)!important; border-bottom-color:rgba(255,228,176,.10)!important; box-shadow:none!important; }
body[data-page-layout="tools"] .modern-site-header .logo,body[data-page-layout="tools"] .modern-site-header .logo-text,body[data-page-layout="tools"] .modern-site-header .header-icons .icon-btn,body[data-page-layout="tools"] .modern-site-header .header-icons .ui-icon { color:#fff1d2!important; }
body[data-page-layout="tools"] main.container { width:min(1320px,calc(100vw - 34px)); max-width:none; margin:0 auto; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; }

.tools-excavation { position:relative; padding:clamp(188px,17vw,258px) 0 126px; overflow:hidden; }
.tools-underground { position:relative; min-height:900px; padding:0 0 82px; }.tools-underground > .tools-soil-root { display:none; }

/* 搜索入口：轻量玻璃感与清晰可交互边界。 */
.tools-search-station { position:relative; z-index:3; width:min(620px,calc(100% - 42px)); margin:0 auto 42px; padding:8px 12px 7px!important; border:1px solid rgba(255,245,222,.30)!important; border-radius:8px!important; background:rgba(62,25,6,.055)!important; box-shadow:inset 0 1px rgba(255,250,232,.11),0 5px 15px rgba(35,11,2,.05)!important; }
.tools-search-label,.tools-search-station::before { display:none!important; }
.tools-search-station:focus-within { border-color:rgba(255,249,229,.52)!important; box-shadow:inset 0 1px rgba(255,250,232,.16),0 0 0 3px rgba(255,230,177,.07)!important; }
.tools-search-row { display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:6px!important; align-items:center!important; border-bottom:1px solid rgba(255,243,216,.18)!important; }
.tools-searchbox { width:100%; min-height:36px!important; padding:0 5px!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff0d2!important; box-shadow:none!important; font-size:13px!important; }.tools-searchbox::placeholder { color:rgba(255,226,178,.48)!important; }.tools-searchbox:focus { box-shadow:none!important; }
.tools-search-row .search-submit { display:inline-flex; align-items:center; justify-content:center; min-width:36px; min-height:36px; padding:0 8px!important; border:0!important; border-radius:0!important; background:transparent!important; color:rgba(255,249,231,.94)!important; cursor:pointer; }.tools-search-row .search-submit span { display:none; }
.tools-search-row .search-submit .ui-icon,.tools-search-row .search-submit .ui-line-icon { display:block!important; width:18px!important; height:18px!important; color:currentColor!important; stroke:currentColor!important; opacity:1!important; }.tools-search-row .search-submit:hover,.tools-search-row .search-submit:focus-visible { color:#fff8ce!important; outline:0; }.tools-search-row .search-count { grid-column:auto; justify-self:end; padding-right:4px; color:rgba(255,230,189,.57)!important; background:transparent!important; border:0!important; font-size:10px; }

/* 每层承托左右各一个节点；土纹直接透出页面背景，不另叠面板。 */
.tool-card-icon > img[data-image-src],.tool-card-icon > noscript img { position:absolute; width:36px; height:36px; }
.tool-card-icon > img[data-image-src]:not([data-image-state="ready"]) { opacity:0; }
.tool-icon-fallback { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid rgba(255,240,203,.32); border-radius:8px; color:#fff0cb; font-size:18px; line-height:1; letter-spacing:0; }
.tool-card-icon > img[data-image-state="ready"] + .tool-icon-fallback { visibility:hidden; }
.tools-grid { position:relative; z-index:2; display:grid!important; gap:0!important; width:100%; margin:0!important; padding:0!important; background:none!important; }
.tools-strata { position:relative; width:100vw; min-height:136px; margin-left:calc(50% - 50vw); padding:19px 0 18px; overflow:hidden; isolation:isolate; background:none!important; box-shadow:none!important; }.tools-strata--1 { min-height:146px; }.tools-strata::before,.tools-strata::after,.tools-strata-ridge { display:none!important; }
.tools-strata-root { position:absolute; z-index:1; top:0; left:max(8%,calc(50% - 420px)); width:2px; height:76px; background:linear-gradient(180deg,rgba(84,43,18,.82),rgba(62,28,10,.35),transparent); transform:rotate(8deg); opacity:.72; }.tools-strata-root::before,.tools-strata-root::after { content:""; position:absolute; width:1px; height:34px; background:linear-gradient(rgba(79,36,13,.70),transparent); transform-origin:top; }.tools-strata-root::before { top:25px; transform:rotate(-46deg); }.tools-strata-root::after { top:43px; transform:rotate(41deg); }.tools-strata--1 .tools-strata-root { right:max(8%,calc(50% - 420px)); left:auto; transform:rotate(-11deg); }
.tools-strata-axis { position:absolute; z-index:1; top:23px; bottom:22px; left:50%; width:1px; background:linear-gradient(transparent,rgba(226,184,112,.23) 16%,rgba(86,48,21,.55) 50%,rgba(226,184,112,.18) 84%,transparent); }.tools-strata-axis::before,.tools-strata-axis::after { content:""; position:absolute; left:50%; width:6px; height:6px; border:1px solid rgba(244,214,158,.35); border-radius:50%; background:rgba(76,40,15,.62); transform:translateX(-50%); }.tools-strata-axis::before { top:20%; }.tools-strata-axis::after { bottom:19%; }
.tools-strata-nodes { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(68px,13vw,184px); width:min(1180px,calc(100vw - 44px)); min-height:94px; margin:0 auto; }

html:root body[data-page-layout="tools"] .tools-grid .tool-card,html:root body[data-page-layout="tools"] .tools-grid .tool-card[data-tool-side="left"],html:root body[data-page-layout="tools"] .tools-grid .tool-card[data-tool-side="right"] { position:relative; display:grid; grid-template-columns:43px minmax(0,1fr); gap:13px; align-self:center; align-content:start; width:min(100%,408px); min-height:88px; margin:0; padding:11px 37px 11px 8px; border:0; border-radius:0; background:none; box-shadow:none; color:var(--tools-ink); text-decoration:none; transition:transform .22s cubic-bezier(.2,.7,.2,1),filter .22s ease; }
html:root body[data-page-layout="tools"] .tools-grid .tool-card[data-tool-side="left"] { grid-column:1; justify-self:end; transform:translateX(-7px); }html:root body[data-page-layout="tools"] .tools-grid .tool-card[data-tool-side="right"] { grid-column:2; justify-self:start; transform:translateX(7px); }html:root body[data-page-layout="tools"] .tools-grid .tool-card::before,html:root body[data-page-layout="tools"] .tools-grid .tool-card::after { content:none; display:none; }
.tool-card-icon { width:43px; height:43px; border:0; border-radius:0; background:none; box-shadow:none; color:#fff0cb; font-size:15px; }.tool-card-icon img { display:block; width:36px; height:36px; object-fit:contain; border-radius:8px; }.tool-card-copy { min-width:0; }.tools-grid .tool-card h2 { margin:0 0 4px; color:var(--tools-green); font-size:15px; font-weight:800; line-height:1.2; text-shadow:0 1px 6px rgba(12,4,1,.72); }.tools-grid .tool-card p { display:-webkit-box; overflow:hidden; margin:0; color:var(--tools-muted); font-size:11px; line-height:1.52; text-shadow:0 1px 4px rgba(28,9,1,.76); -webkit-box-orient:vertical; -webkit-line-clamp:2; }.tool-tags { display:none; }.tool-card-arrow { position:absolute; top:50%; right:10px; width:27px; height:27px; border:0; background:transparent; color:rgba(255,228,176,.58); transform:translateY(-50%); }
.tool-node-connector { position:absolute; top:50%; width:clamp(33px,5vw,77px); height:1px; background:linear-gradient(90deg,rgba(201,177,110,.34),rgba(87,49,20,.15)); pointer-events:none; }.tool-node-connector::after { content:""; position:absolute; top:50%; width:6px; height:6px; border:1px solid rgba(238,209,152,.36); border-radius:50%; background:rgba(83,44,17,.85); box-shadow:0 0 0 3px rgba(53,27,10,.30); transform:translateY(-50%); }.tool-node-connector i { display:none; }.tool-card[data-tool-side="left"] .tool-node-connector { left:100%; }.tool-card[data-tool-side="left"] .tool-node-connector::after { right:-5px; }.tool-card[data-tool-side="right"] .tool-node-connector { right:100%; background:linear-gradient(90deg,rgba(87,49,20,.15),rgba(201,177,110,.34)); }.tool-card[data-tool-side="right"] .tool-node-connector::after { left:-5px; }
html:root body[data-page-layout="tools"] .tools-grid .tool-card:hover,html:root body[data-page-layout="tools"] .tools-grid .tool-card:focus-visible { background:none!important; box-shadow:none!important; filter:brightness(1.13); outline:0; }.tools-grid .tool-card:hover .tool-card-arrow,.tools-grid .tool-card:focus-visible .tool-card-arrow { color:#f7f2c4!important; transform:translateY(-50%) translateX(4px); }.tools-grid .tool-card:hover .tool-node-connector,.tools-grid .tool-card:focus-visible .tool-node-connector { filter:brightness(1.45); }.tools-empty-state { display:none; width:min(420px,100%); justify-self:center; padding:24px; color:rgba(255,230,189,.76); text-align:center; background:rgba(39,16,4,.20); }
html:root body[data-page-layout="tools"] .tools-grid :is(.tool-card-icon,.tool-card-arrow) { background:transparent!important; border-color:transparent!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
html:root body[data-page-layout="tools"] .tools-grid .tool-card { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }body.dark[data-page-layout="tools"] .tools-grid .tool-card p { color:rgba(239,224,202,.74)!important; }

@media (max-width:780px) { body[data-page-layout="tools"] main.container { width:100%; }.tools-excavation { padding-top:clamp(155px,35vw,205px); padding-bottom:78px; }.tools-search-station { width:calc(100% - 34px); margin-bottom:30px; }.tools-search-row .search-count { grid-column:1/-1; justify-self:start; padding:0 0 5px 5px; }.tools-strata { width:auto; min-height:0; margin-left:0; padding:18px 19px 17px 47px; }.tools-strata--1 { min-height:0; }.tools-strata-axis { top:15px; bottom:15px; left:25px; }.tools-strata-root,.tools-strata--1 .tools-strata-root { right:auto; left:78%; height:55px; transform:rotate(8deg); }.tools-strata-nodes { grid-template-columns:1fr; gap:8px; width:100%; min-height:0; }html:root body[data-page-layout="tools"] .tools-grid .tools-strata-nodes .tool-card[data-tool-side="left"],html:root body[data-page-layout="tools"] .tools-grid .tools-strata-nodes .tool-card[data-tool-side="right"] { grid-column:1; justify-self:stretch; width:100%; min-height:88px; padding:12px 36px 12px 10px; transform:none; }.tool-card[data-tool-side] .tool-node-connector { right:auto; left:-23px; width:23px; background:linear-gradient(90deg,rgba(201,177,110,.35),rgba(87,49,20,.15)); }.tool-card[data-tool-side] .tool-node-connector::after { right:auto; left:-5px; } }
@media (prefers-reduced-motion:reduce) { .tools-grid .tool-card { transition:none!important; } }
