/* Presentation only. Existing grid geometry, controls and tool logic stay intact. */
:root{--bg:#0c1323;--panel:#151f34;--panel2:#1c2942;--line:rgba(177,182,218,.24);--muted:#b7c3d3;--violet:#c5b5e5;--gold:#dec38b}
body{background:#0c1323;color:#edf1f8}
.site-header{background:#111a2c;border-bottom:1px solid #40415a;box-shadow:none;backdrop-filter:none}
.site-header .header-inner:not(.admin-header){display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;height:auto;min-height:96px;padding:14px 22px}
.site-header .brand{justify-self:unset;gap:13px;min-width:0;text-align:left}
.site-header .ll-tool-portrait{display:block;width:68px;height:68px;border-radius:14px;object-fit:cover;border:1px solid #ffffff30;flex-shrink:0}
.site-header .brand h1{font-family:system-ui,"Microsoft YaHei","PingFang SC",sans-serif;font-size:23px;letter-spacing:.015em;color:#f3ece0}
.site-header .brand h1 span{color:#d6c5ed;border-color:#665b7c;background:#2c2840}
.site-header .author-profile{background:#ffffff04;border:1px solid #47435c;border-radius:11px;padding:7px 11px;gap:10px}
.site-header .author-profile .author-avatar{width:42px;height:42px;object-fit:cover}
.site-header .author-follow{color:#e4d5b6}
.site-header .main-tabs{height:44px;gap:3px;padding-top:0}
.site-header .main-tabs button{font-size:13px;padding:0 22px;color:#bac4d6}
.site-header .main-tabs button.active{color:#f6e8c6}
.site-header .main-tabs button.active:after{background:#dec38b;box-shadow:none;height:2px}
.btn.primary{background:#c5b5e5;border-color:#c5b5e5;color:#261f38}
.btn.primary:hover{background:#d5c8ed;border-color:#d5c8ed}
.board-card,.catalog-card,.battle-team-card,.analysis-card{box-shadow:none}
.ll-meta{--ll-panel:#1f2537;--ll-line:#4b475f;--ll-accent:#dec38b}
.site-header .header-inner #page-back{position:static;grid-column:1;grid-row:1}
.site-header .header-inner .brand{grid-column:2;grid-row:1;max-width:none;justify-self:start}
.site-header .header-inner .author-profile{grid-column:3;grid-row:1}
.site-header .header-inner .toolbox-return{position:static;grid-column:4;grid-row:1;justify-self:end;width:auto;padding:0 8px}
/* Each footer entry owns one cell, including both disclosure summaries. */
.site-footer .footer-entry-row{--ll-span:calc(700% + 48px);grid-template-columns:repeat(7,minmax(0,1fr));max-width:1240px}
.site-footer .footer-entry-row .footer-changelog{grid-column:3;grid-row:1}
.site-footer .footer-entry-row .footer-changelog>summary{width:100%;justify-content:center;min-height:44px;padding:8px 6px;gap:4px;font-size:12px;background:#1f2537;border-color:#4b475f}
.site-footer .footer-entry-row .footer-changelog>div{width:var(--ll-span);margin-top:10px;margin-left:calc(-200% - 16px)}
.site-footer .footer-entry-row .footer-home{grid-column:4;grid-row:1;min-height:44px;padding:8px 6px;gap:4px;justify-content:center;background:#1f2537;border-color:#4b475f}
.site-footer .footer-entry-row .footer-home b{font-size:12px}
.site-footer .footer-entry-row>.ll-support{grid-column:5;grid-row:1}
@media(max-width:1000px){.site-header .header-inner:not(.admin-header){grid-template-columns:44px minmax(0,1fr) 88px;grid-template-rows:auto auto;gap:9px 6px;padding:10px 12px;min-height:0}.site-header .header-inner .toolbox-return{grid-column:3;grid-row:1;padding:0 4px;font-size:11px}.site-header .header-inner .author-profile{grid-column:1/-1;grid-row:2;justify-self:center;padding:5px 9px}.site-header .ll-tool-portrait{width:44px;height:44px;border-radius:10px}.site-header .brand{gap:9px}.site-header .header-inner .brand h1{font-size:17px;line-height:1.35}.site-header .author-profile .author-avatar{width:36px;height:36px}.site-header .author-platforms .author{min-height:44px}}
@media(max-width:740px){.site-footer .footer-entry-row .footer-changelog>summary,.site-footer .footer-entry-row .footer-home b{font-size:11px}.site-footer .footer-entry-row .footer-home i{font-size:14px}}
@media(max-width:360px){.site-header .header-inner:not(.admin-header){grid-template-columns:44px minmax(0,1fr) 76px;padding:8px;gap:8px 4px}.site-header .ll-tool-portrait{width:34px;height:34px}.site-header .header-inner .brand h1{font-size:14px}.site-header .header-inner .brand{gap:6px}}
@media(prefers-reduced-motion:reduce){.btn.primary{transition:none}}
@media(forced-colors:active){.site-header .ll-tool-portrait,.site-header .author-profile{border-color:CanvasText}}
/* Mobile brand shares the header's left inset with the return link's right inset. */
@media(max-width:700px){.site-header .header-inner:not(.admin-header){padding:10px 12px;gap:8px 4px}.site-header .header-inner #page-back[hidden]+.brand{grid-column:1/3;justify-self:start}.site-header .header-inner .toolbox-return{padding:0;justify-content:flex-end}.site-header .header-inner .brand{text-align:left}}
/* Desktop tabs and active content share one page frame. */
@media(min-width:701px){
#main.shell{padding:0 22px 24px;border:1px solid #41475f;border-radius:12px;background:#151f34}
#main>.main-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;width:calc(100% + 44px);height:auto;gap:6px;margin:0 -22px;padding:8px 8px 0;border:0;border-bottom:1px solid #41475f;border-radius:11px 11px 0 0;background:#0c1323}
#main>.main-tabs button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #3c4b65;border-radius:8px 8px 0 0;background:#192840;color:#c4cfdf;font-size:13px;font-weight:650;white-space:nowrap;box-shadow:none}
#main>.main-tabs button:nth-child(2){background:#25243e}#main>.main-tabs button:nth-child(3){background:#1f3034}#main>.main-tabs button:nth-child(4){background:#302937}
#main>.main-tabs button:hover{background:#33425e;border-color:#7988a6}
#main>.main-tabs button.active{z-index:1;margin-bottom:-1px;background:#151f34;border-color:#dec38b;border-bottom-color:#151f34;color:#f6e8c6}
#main>.main-tabs button.active::after{content:none}
#main>.main-tabs button:focus-visible{outline:3px solid #c5b5e5;outline-offset:2px}
#main>.view{padding-top:20px;background:transparent}
}

.site-footer .footer-entry-row .footer-shortcut{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 6px;border:1px solid #4b475f;border-radius:8px;background:#1f2537;color:#ebf0f2;font-size:12px;line-height:1.5;font-weight:650;text-decoration:none}
.site-footer .footer-entry-row .footer-shortcut:focus-visible{outline:3px solid #c5b5e5;outline-offset:3px}
@media(max-width:740px){
.site-footer .footer-entry-row{--ll-span:calc(300% + 16px);grid-template-columns:repeat(6,minmax(0,1fr))}
.site-footer .footer-entry-row .qq-entry .qq-join{grid-column:1/4;grid-row:1}.site-footer .footer-entry-row .qq-entry button{grid-column:4/7;grid-row:1}
.site-footer .footer-entry-row .footer-changelog{grid-column:1/3;grid-row:2}.site-footer .footer-entry-row .footer-changelog>div{margin-left:0}
.site-footer .footer-entry-row .footer-home{grid-column:3/5;grid-row:2}.site-footer .footer-entry-row>.ll-support{grid-column:5/7;grid-row:2}
.site-footer .footer-entry-row>.footer-shortcut:nth-last-child(2){grid-column:1/4;grid-row:3}.site-footer .footer-entry-row>.footer-shortcut:last-child{grid-column:4/7;grid-row:3}
.site-footer .footer-entry-row .qq-entry [data-qq-status]{grid-row:4}
}