@font-face {
    font-family: "Encode Sans";
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/encode-sans-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* AION2 visual adapter. Keep the shared UIV8 component geometry authoritative. */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

html.dark {
    --a2-content-font: "Encode Sans", "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", "Microsoft YaHei", sans-serif;
    --a2-warm: #d9a45d;
    --a2-warm-soft: #f0c98f;
    --a2-bg: #0b0d10;
    --a2-panel: #111419;
    --a2-surface: #171b21;
    --bg: #0b0d10;
    --bg2: #0e1115;
    --panel: rgba(17, 20, 25, .94);
    --panel2: #15191f;
    --line: rgba(255, 255, 255, .09);
    --line2: rgba(217, 164, 93, .4);
    --text: #f2f3f5;
    --muted: #969da8;
    --blue: #d9a45d;
    --cyan: #f0c98f;
}

#main.database-page,
#main.detail-page,
.hero,
.page-layout,
[data-ui-item-tip-layer] {
    font-family: var(--a2-content-font);
    font-size: 16px;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.dark body {
    background: radial-gradient(circle at 70% 0, rgba(119, 83, 39, .1), transparent 30%), var(--a2-bg);
    color: #f2f3f5;
}

.dark .nav-surface {
    border-color: rgba(255, 218, 171, .12) !important;
    background-color: rgba(29, 21, 16, .94) !important;
}

.dark .booklet-switcher-panel {
    border-color: rgba(255, 218, 171, .12) !important;
    background: #17110d !important;
}

.dark .nav-link-active,
.dark .nav-link:hover,
.dark .booklet-switcher-link.is-active {
    color: var(--a2-warm-soft) !important;
}

.dark .booklet-switcher-link.is-active {
    background: rgba(233, 165, 72, .13) !important;
}

.dark .tw-text-brand-500,
.dark .tw-text-brand-600 {
    color: var(--a2-warm) !important;
}

.dark .member-auth-dialog,
.dark .member-drawer,
.dark [data-ui-search-panel] {
    border-color: rgba(233, 165, 72, .24) !important;
    background: #211711 !important;
}

/* The legacy page stylesheet used a broad .nav-actions button rule. Restore the
   exact UIV8 control geometry here so the full search control cannot collapse. */
.nav-actions .icon-btn,
.nav-actions .member-nav-btn {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    border: 0;
    border-radius: .375rem;
    background: transparent;
}

.nav-actions .search-box {
    width: auto;
    height: 2.75rem;
    min-width: 0;
    flex: 0 0 auto;
    border: 1px solid #eab308;
    border-radius: .375rem;
    padding-right: .875rem;
    padding-left: .875rem;
    white-space: nowrap;
}

.dark .nav-actions .search-box {
    border-color: #3a3a3a;
    background: #242424;
}

@media (max-width: 1749px) {
    .nav-actions .nav-search-full {
        display: none;
    }
}

@media (min-width: 1750px) {
    .nav-actions .nav-search-full {
        display: inline-flex;
        width: 220px;
    }
}

.aion2-member-qr-placeholder {
    display: grid;
    width: 184px;
    height: 184px;
    margin: auto;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(145deg, #fff4da, #e8b65f);
    color: #5a3210;
    font-size: 42px;
    font-weight: 900;
}

.aion2-toolbar-placeholder {
    display: grid;
    width: 118px;
    height: 118px;
    margin: auto;
    place-items: center;
    border-radius: 6px;
    background: linear-gradient(145deg, #fff4da, #e8b65f);
    color: #5a3210;
    font-size: 30px;
    font-weight: 900;
}

.hero {
    background: linear-gradient(100deg, rgba(10, 12, 15, .99), rgba(18, 20, 24, .94));
}

/* All product surfaces and the floating toolbar share the same geometry. */
.a2-data-shell {
    padding-top: 26px;
    padding-bottom: 72px;
}

.database-page,
.detail-page {
    min-height: 70vh;
    padding: 0;
    background: #0b0d10;
}

.breadcrumbs { display:flex; align-items:center; gap:8px; margin-bottom:22px; color:#7f8791; font-size:12px; }
.breadcrumbs a:hover { color:#e6b46f; }
.breadcrumbs b { color:#c8cdd4; font-weight:500; }

.a2-db-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:20px; }
.a2-db-head h1 { margin:4px 0 5px; font-size:32px; line-height:1.2; font-weight:720; letter-spacing:-.035em; }
.a2-db-head p { margin:0; color:#9299a3; font-size:13px; }
.a2-db-head .audit-chip { flex:0 0 auto; border:1px solid rgba(73,181,118,.28); border-radius:999px; padding:7px 11px; background:rgba(44,160,96,.08); color:#70d39b; font-size:11px; }

.a2-category-board { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid #23272e; border-radius:10px; background:#23272e; }
.a2-category-card { min-width:0; min-height:70px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; column-gap:10px; padding:12px 13px; background:#101216; transition:.15s; }
.a2-category-card>span { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:7px; background:#1b1e23; color:#c6cbd2; font-style:normal; }
.a2-category-card>b { overflow:hidden; color:#edf0f3; font-size:13px; white-space:nowrap; text-overflow:ellipsis; }
.a2-category-card>small { color:#777f89; font-size:10px; }
.a2-category-card>i { grid-column:3; grid-row:1/3; color:#777f89; font-size:20px; font-style:normal; }
.a2-category-card:hover,.a2-category-card.is-active { background:#171a1f; }
.a2-category-card:hover>b,.a2-category-card.is-active>b { color:#edbd7b; }
.a2-category-card.is-active>span { background:rgba(217,164,93,.12); color:#e5b773; }

.a2-database-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:22px; margin-top:0; }
.a2-filter-side { min-width:0; }
.a2-filter-details>summary { display:none; }
.a2-filter-details:not([open])>.a2-filter-content { display:block; }
.a2-filter-side form,.a2-subcategories,.a2-results { border:1px solid #242930; border-radius:10px; background:#101317; }
.a2-filter-side form { display:grid; gap:12px; padding:15px; }
.a2-filter-side label { display:grid; gap:6px; }
.a2-filter-side label>span { color:#8d949d; font-size:11px; }
.a2-filter-side input,.a2-filter-side select { width:100%; height:39px; border:1px solid #2a3038; border-radius:6px; background:#171a1f; padding:0 10px; color:#e7e9ec; font-size:12px; }
.a2-filter-side button { height:39px; border:1px solid #8d6533; border-radius:6px; background:#2a2116; color:#edbd7b; font-size:12px; }
.a2-subcategories { margin-top:14px; overflow:hidden; padding-bottom:5px; }
.a2-subcategories header { display:flex; justify-content:space-between; padding:13px 14px; border-bottom:1px solid #242930; }
.a2-subcategories header b { font-size:13px; }.a2-subcategories header span { color:#747c87; font-size:10px; }
.a2-subcategories>a { display:flex; justify-content:space-between; margin:4px 6px 0; border-radius:5px; padding:8px; color:#9da4ad; font-size:12px; }
.a2-subcategories>a b { color:#6f7781; font-size:10px; font-weight:500; }
.a2-subcategories>a:hover,.a2-subcategories>a.is-active { background:#1a1d22; color:#edbd7b; }

.a2-results { min-width:0; overflow:hidden; border-color:#292929; border-radius:8px; background:#151719; }
.a2-results>header { min-height:50px; display:flex; align-items:center; justify-content:space-between; padding:7px 10px 7px 15px; border-bottom:1px solid #303030; background:#111315; }
.a2-results>header div { display:flex; align-items:baseline; gap:9px; }.a2-results>header b{font-size:14px}.a2-results>header span,.a2-results>header small{color:#858d97;font-size:11px}
.a2-view-switch { display:flex; gap:3px; padding:3px; border:1px solid #30343a; border-radius:6px; background:#1c1f23; }
.a2-view-switch a { width:32px; height:28px; display:grid; place-items:center; border-radius:4px; color:#7f8790; font-size:17px; line-height:1; }
.a2-view-switch a:hover,.a2-view-switch a.is-active { background:#30343a; color:#e7b66f; }
.a2-item-list-head,.a2-item-row { display:grid; grid-template-columns:minmax(260px,1.7fr) minmax(108px,.75fr) 74px 62px 72px 82px; align-items:center; gap:12px; }
.a2-item-list-head { min-height:36px; padding:0 14px; border-bottom:1px solid #303030; background:#202224; color:#a4a9af; font-size:10px; font-weight:650; }
.a2-item-row { min-height:60px; padding:7px 14px; border-bottom:1px solid #27292b; background:#17191b; transition:background-color .12s,color .12s; }
.a2-item-row:nth-child(odd) { background:#1d1f21; }
.a2-item-row:last-child { border-bottom:0; }.a2-item-row:hover { background:#292b2e; box-shadow:inset 2px 0 var(--grade,#d9a45d); }
.a2-item-row>span:not(.a2-item-name) { display:flex; min-width:0; flex-direction:column; color:#c4c9cf; font-size:12px; }
.a2-item-row>span small { overflow:hidden; color:#6f7782; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }
.a2-item-row code { color:#707883; font-size:10px; text-align:right; }
.a2-item-name { min-width:0; display:flex; align-items:center; gap:11px; }
.a2-item-name>span { min-width:0; display:flex; flex-direction:column; }
.a2-item-name b { overflow:hidden; color:var(--grade,#e8ebee); font-size:13px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; }
.a2-item-name small { overflow:hidden; color:#656d77; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }
.a2-item-icon { position:relative; overflow:hidden; width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--grade,#87909b) 45%,#242930); border-radius:7px; background:color-mix(in srgb,var(--grade,#87909b) 10%,#12151a); color:var(--grade,#aeb5bd); font-size:15px; font-style:normal; font-weight:700; }
.a2-item-icon img,.a2-detail-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;color:transparent}
.a2-quality { color:var(--grade,#c4c9cf)!important; }
.a2-item-list.is-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:9px; background:#111315; }
.a2-item-list.is-grid .a2-item-list-head { display:none; }
.a2-item-list.is-grid .a2-item-row { min-width:0; min-height:104px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 12px; align-content:center; border:1px solid #2a2d30; border-radius:7px; padding:11px; background:#1a1c1f; }
.a2-item-list.is-grid .a2-item-row:hover { border-color:color-mix(in srgb,var(--grade,#d9a45d) 55%,#2a2d30); background:#222529; box-shadow:none; }
.a2-item-list.is-grid .a2-item-name { grid-column:1/-1; }
.a2-item-list.is-grid .a2-item-row>span:not(.a2-item-name):not(.a2-quality) { display:none; }
.a2-item-list.is-grid .a2-quality { display:block; padding-left:53px; font-size:11px; }
.a2-item-list.is-grid .a2-item-row code { align-self:center; font-size:9px; }
.pagination { display:flex; align-items:center; justify-content:center; gap:18px; padding:20px; color:#858d97; font-size:12px; }
.pagination a { border:1px solid #2a3038; border-radius:6px; padding:7px 11px; background:#171a1f; color:#d8dce1; }.pagination a:hover{border-color:#8d6533;color:#edbd7b}

/* API-backed item TIP. QuestLog-like information density, fed only by client data. */
.a2-tip { overflow:hidden; border:1px solid #3a3d42; border-radius:5px; background:#1d1f22; box-shadow:0 22px 70px rgba(0,0,0,.72); color:#edf0f3; font-size:13px; line-height:1.25; }
.a2-tip-hero { position:relative; min-height:138px; overflow:hidden; border-bottom:1px solid #393b3f; padding:14px 152px 15px 13px; background:radial-gradient(circle at 88% 56%,color-mix(in srgb,var(--grade,#cf7b28) 38%,transparent),transparent 36%),linear-gradient(118deg,color-mix(in srgb,var(--grade,#cf7b28) 50%,#421600),#23160f 74%); }
.a2-tip--item .a2-tip-hero { min-height:92px; padding-right:108px; background:radial-gradient(circle at 88% 54%,color-mix(in srgb,var(--grade,#8b949f) 28%,transparent),transparent 38%),linear-gradient(118deg,color-mix(in srgb,var(--grade,#8b949f) 28%,#17191d),#17191d 76%); }
.a2-tip-identity { position:relative; z-index:2; min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.a2-tip-identity>strong { color:var(--grade,#f1f3f5); font-size:17px; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.a2-tip-identity p { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:4px 0 10px; }
.a2-tip-identity p b { color:var(--grade,#d5dae0); font-size:14px; }.a2-tip-identity p span{color:#f5f6f7;font-size:14px;font-weight:650}
.a2-tip-identity>small { color:#f1f2f4; font-size:12px; }.a2-tip-identity>em{margin-top:1px;color:#fff;font-size:23px;font-style:normal;font-weight:700}.a2-tip-identity>em i{font-size:14px;font-style:normal;font-weight:500}
.a2-tip-art { position:absolute; z-index:1; right:7px; bottom:-8px; width:148px; height:148px; display:grid; place-items:center; color:var(--grade,#d5dae0); font-size:30px; font-weight:700; filter:drop-shadow(0 8px 12px rgba(0,0,0,.65)); }
.a2-tip--item .a2-tip-art { right:12px; bottom:8px; width:80px; height:80px; }
.a2-tip-art img { width:100%;height:100%;object-fit:contain;color:transparent;image-rendering:auto }
.a2-tip-body { padding:8px 10px 0; }
.a2-tip-description { margin:0 0 7px; border-bottom:1px solid #3a3c40; padding:1px 1px 8px; color:#c8ccd1; font-size:12px; line-height:1.5; }
.a2-tip-stats,.a2-tip-random,.a2-tip-facts { border-bottom:1px solid #3a3c40; padding:0 0 7px; }
.a2-tip-stats span,.a2-tip-random span,.a2-tip-facts span { display:flex; min-height:21px; align-items:center; justify-content:space-between; gap:12px; padding:1px 1px; }
.a2-tip-stats label,.a2-tip-random label,.a2-tip-facts label { min-width:0;color:#f0f1f3 }.a2-tip-stats b,.a2-tip-random b,.a2-tip-facts b{flex:0 0 auto;color:#f6f7f8;font-weight:700;text-align:right}
.a2-tip-stats b i{color:#f2f4f6;font-style:normal;font-weight:700}
.a2-tip-stats .is-primary b { font-size:16px; }.a2-tip-stats .is-range b{color:#f6a623}
.a2-tip-random { padding-top:7px; }.a2-tip-random header{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:3px}.a2-tip-random header b{color:#f4f5f6;font-size:13px}.a2-tip-random header small{color:#899099;font-size:9px;text-align:right}
.a2-tip-random span { min-height:19px; font-size:12px; }.a2-tip-random span b{font-size:12px}.a2-tip-random span b i{color:#abb2bb;font-style:normal;font-weight:500}
.a2-tip-soul-add{display:flex;align-items:center;gap:7px;margin:0;border-bottom:1px solid #3a3c40;padding:8px 5px;color:#3fa7ff;font-size:12px;line-height:1.35}.a2-tip-soul-add i{display:grid;flex:0 0 14px;width:14px;height:14px;place-items:center;border-radius:50%;background:#359ce5;color:#102231;font-size:9px;font-style:normal;font-weight:800}
.a2-tip-sockets { padding:7px 0; }.a2-tip-sockets>div{display:grid;grid-template-columns:1fr 1fr}.a2-tip-sockets>div+div{margin-top:5px;border-top:1px solid #34363a;padding-top:5px}.a2-tip-sockets span{display:flex;align-items:center;gap:7px;min-height:25px;color:#9ba1a9}.a2-tip-sockets i{display:grid;width:21px;height:21px;place-items:center;border:1px solid #46515a;border-radius:50%;background:#263036;color:#9fb3be;font-style:normal}
.a2-tip-facts { display:grid;grid-template-columns:1fr 1fr;padding-top:0 }.a2-tip-facts span{padding:5px 5px;border:1px solid #303338;border-width:0 1px 1px 0;font-size:11px}.a2-tip-facts span:nth-child(2n){border-right:0}.a2-tip-facts label{color:#9299a2}
.a2-tip>footer { display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-top:1px solid #0d0e10;padding:9px 11px;background:#17191c;color:#838b94;font-size:10px }.a2-tip>footer>div{display:flex;flex-direction:column;gap:4px}.a2-tip>footer>div:last-child{align-items:flex-end}.a2-tip>footer b{color:#f0f2f4;font-size:12px}.a2-tip>footer code{color:#9aa1aa}.a2-tip>footer small{color:#d6a661;font-size:9px}
.a2-tip-frame{display:grid;grid-template-columns:minmax(0,410px) 186px;align-items:start;gap:4px;width:600px;max-width:100%}
.a2-tip-related{overflow:hidden;border:1px solid #36393d;border-radius:3px;background:#25272a;box-shadow:0 18px 46px rgba(0,0,0,.48);color:#eff1f3}
.a2-tip-related>header{height:29px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #36393d;padding:0 8px;background:#1e2022}.a2-tip-related>header b{font-size:12px}.a2-tip-related>header em{border-radius:3px;padding:2px 6px;background:#111315;color:#f1f3f5;font-size:10px;font-style:normal}
.a2-tip-related>div{display:grid;padding:4px 6px}.a2-tip-related>div span{min-height:27px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px}.a2-tip-related>div i{width:20px;height:20px;border:1px solid #747b82;border-radius:3px;background:#1b1d1f;box-shadow:inset 0 0 0 1px #101113}.a2-tip-related>div b{overflow:hidden;font-size:11px;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.a2-tip-related>footer{border-top:1px solid #36393d;padding:5px 8px 7px;color:#f2f3f5;font-size:11px}
@media(max-width:700px){.a2-tip-frame{display:block;width:auto}.a2-tip-related{display:none}}
@media(max-height:760px){.a2-tip{font-size:12px}.a2-tip-hero{min-height:108px;padding-right:126px}.a2-tip-art{width:120px;height:120px}.a2-tip-stats span{min-height:18px}.a2-tip-random span{min-height:17px}.a2-tip-sockets span{min-height:22px}}

/* Rich item detail */
.a2-item-detail { width:100%; min-width:0; max-width:100%; overflow:hidden; border:1px solid #272c33; border-radius:11px; background:#0f1216; }
.a2-detail-hero { display:grid; grid-template-columns:76px minmax(0,1fr) auto; align-items:center; gap:18px; padding:26px; border-bottom:1px solid #282d34; background:linear-gradient(110deg,color-mix(in srgb,var(--grade,#8b949f) 10%,#111419),#111419 55%); }
.a2-detail-icon { position:relative;overflow:hidden;width:76px;height:76px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--grade,#8b949f) 55%,#242930);border-radius:10px;background:color-mix(in srgb,var(--grade,#8b949f) 11%,#101318);color:var(--grade,#c2c8cf);font-size:28px;font-weight:750 }
.a2-detail-hero>div{min-width:0}.a2-detail-grade{color:var(--grade,#c5cad1);font-size:11px}.a2-detail-hero h1{margin:3px 0;color:var(--grade,#f2f3f5);font-size:28px;font-weight:720}.a2-detail-hero p{overflow:hidden;margin:0;color:#737b85;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.a2-detail-hero>code{align-self:start;color:#78808a;font-size:11px}
.a2-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.a2-detail-tags span{border:1px solid #30353d;border-radius:999px;padding:4px 8px;background:#171a1f;color:#afb5bd;font-size:10px}
.a2-detail-description{padding:18px 26px;border-bottom:1px solid #262b32}.a2-detail-description span{color:#777f89;font-size:10px}.a2-detail-description p{margin:5px 0 0;color:#c5cad0;font-size:13px;line-height:1.75}
.a2-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 20px 0}.a2-detail-panel{margin:20px;border:1px solid #272c33;border-radius:8px;background:#12151a}.a2-detail-grid>.a2-detail-panel{margin:0}
.a2-detail-panel>header{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #272c33}.a2-detail-panel>header b{font-size:13px}.a2-detail-panel>header small{color:#727a84;font-size:10px}
.a2-detail-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.a2-detail-panel dl div{min-width:0;display:flex;justify-content:space-between;gap:12px;padding:10px 13px;border-right:1px solid #22272d;border-bottom:1px solid #22272d;font-size:11px}.a2-detail-panel dl div:nth-child(2n){border-right:0}.a2-detail-panel dt{flex:0 0 auto;color:#7f8791}.a2-detail-panel dd{min-width:0;max-width:62%;overflow:hidden;margin:0;color:#d4d8dd;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.a2-permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#242930}.a2-permission-grid span{display:flex;min-width:0;min-height:74px;flex-direction:column;align-items:center;justify-content:center;background:#14171c;color:#858d97;font-size:10px}.a2-permission-grid i{font-size:18px;font-style:normal}.a2-permission-grid b{margin-top:2px;color:#c5cad0;font-size:10px}.a2-permission-grid .yes i{color:#58c486}.a2-permission-grid .no i{color:#d36b6b}
.a2-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#272c33}.a2-stat-grid span{min-width:0;display:flex;min-height:62px;flex-direction:column;justify-content:center;padding:10px 13px;background:#14171c}.a2-stat-grid small{overflow:hidden;color:#7f8791;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.a2-stat-grid b{overflow:hidden;margin-top:3px;color:#e1e4e8;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.a2-random-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#272c33}.a2-random-list span{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;padding:11px 13px;background:#14171c}.a2-random-list b{overflow:hidden;color:#d4d8dd;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.a2-random-list em{color:#dfb06e;font-size:11px;font-style:normal}.a2-random-list small{grid-column:1/-1;color:#68717b;font-size:9px}
.a2-source-proof{display:flex;align-items:center;gap:14px;margin:20px;padding:14px;border:1px solid #252a31;border-radius:7px;background:#0c0f12;color:#737b85;font-size:10px}.a2-source-proof>span:first-child{color:#56bf82}.a2-source-proof>span:last-child{margin-left:auto}.a2-source-proof code{color:#aab1ba}

@media (max-width:1100px){.a2-category-board{grid-template-columns:repeat(3,1fr)}.a2-item-list-head,.a2-item-row{grid-template-columns:minmax(230px,1.5fr) 100px 65px 55px 76px}.a2-item-list-head span:nth-child(5),.a2-item-row>span:nth-child(5){display:none}.a2-database-layout{grid-template-columns:190px minmax(0,1fr)}}
@media (max-width:760px){.a2-data-shell{width:calc(100% - 28px)!important;margin-right:auto!important;margin-left:auto!important;padding-top:18px}.breadcrumbs{margin-bottom:15px}.a2-db-head{align-items:flex-start;flex-direction:column;margin-bottom:15px}.a2-db-head h1{font-size:27px}.a2-db-head p{font-size:12px;line-height:1.6}.a2-database-layout{grid-template-columns:1fr;gap:10px}.a2-filter-side{display:block}.a2-filter-details>summary{height:42px;display:flex;align-items:center;justify-content:space-between;border:1px solid #30343a;border-radius:7px;padding:0 13px;background:#1c1f22;color:#e5e7ea;font-size:13px;cursor:pointer;list-style:none}.a2-filter-details>summary::-webkit-details-marker{display:none}.a2-filter-details>summary:before{content:'▽';margin-right:8px;color:#e7b66f}.a2-filter-details>summary span{margin-right:auto}.a2-filter-details>summary b{color:#858d97;font-size:10px;font-weight:500}.a2-filter-details:not([open])>.a2-filter-content{display:none}.a2-filter-details[open]>summary{border-radius:7px 7px 0 0;border-color:#8d6533}.a2-filter-details[open]>.a2-filter-content{padding:10px;border:1px solid #30343a;border-top:0;border-radius:0 0 7px 7px;background:#111315}.a2-filter-side form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;border-radius:6px;padding:11px}.a2-filter-side button{padding:0 15px}.a2-subcategories{margin-top:10px}.a2-results>header{min-height:48px}.a2-results-toolbar>div span{display:none}.a2-item-list.is-list .a2-item-list-head{display:grid;grid-template-columns:minmax(0,1fr) 76px;min-height:34px;padding:0 10px}.a2-item-list.is-list .a2-item-list-head span{display:none}.a2-item-list.is-list .a2-item-list-head span:first-child,.a2-item-list.is-list .a2-item-list-head span:nth-child(3){display:block}.a2-item-list.is-list .a2-item-row{grid-template-columns:minmax(0,1fr) 76px;gap:10px;min-height:57px;padding:6px 10px}.a2-item-list.is-list .a2-item-row>span:not(.a2-item-name):not(.a2-quality){display:none}.a2-item-list.is-list .a2-quality{display:block!important;font-size:12px;font-weight:700}.a2-item-list.is-list .a2-item-row code{display:none}.a2-item-name small{font-size:9px}.a2-item-icon{width:43px;height:43px;flex-basis:43px}.a2-item-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a2-detail-hero{grid-template-columns:58px minmax(0,1fr);padding:18px}.a2-detail-icon{width:58px;height:58px}.a2-detail-hero h1{font-size:21px}.a2-detail-hero>code{grid-column:1/-1}.a2-detail-grid{grid-template-columns:1fr;padding:14px 14px 0}.a2-detail-panel{margin:14px}.a2-detail-grid>.a2-detail-panel{margin:0}.a2-detail-panel dl{grid-template-columns:minmax(0,1fr)}.a2-detail-panel dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-right:0}.a2-detail-panel dd{max-width:none}.a2-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a2-random-list{grid-template-columns:minmax(0,1fr)}.a2-source-proof{align-items:flex-start;flex-direction:column;margin:14px}.a2-source-proof>span:last-child{margin-left:0}}
@media (max-width:480px){.a2-filter-side form{grid-template-columns:1fr}.a2-item-list.is-grid{grid-template-columns:1fr}.a2-permission-grid{grid-template-columns:repeat(2,1fr)}}

.hero h1 em {
    background: linear-gradient(100deg, #fff8ed, #f6bd67 55%, #ffd99a);
    background-clip: text;
}

.hero-search {
    background: rgba(38, 25, 16, .92);
}

/* MXDC-compatible width system: 1280 / 1320 / 1360. On narrower desktops
   the 176px reserve keeps the toolbar beside, never on top of, the surface. */
:root {
    --a2-shell-max: 1280px;
    --a2-booklet-offset: 0px;
}

.shell,
.layout-shell {
    width: min(var(--a2-shell-max), calc(100% - 176px));
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}

.page-layout.shell {
    width: min(var(--a2-shell-max), calc(100vw - var(--a2-booklet-offset) - 176px));
    margin-right: auto;
    margin-left: auto;
    transform: translateX(calc(var(--a2-booklet-offset) / 2));
}

.booklet-floating-toolbar {
    right: max(16px, calc((100vw - var(--a2-booklet-offset) - var(--a2-shell-max)) / 2 - 84px)) !important;
}

@media (min-width: 768px) {
    .shell,
    .layout-shell { padding-right: 16px; padding-left: 16px; }
}

@media (min-width: 1600px) {
    :root { --a2-shell-max: 1320px; --a2-booklet-offset: 204px; }
    html[class*="booklet-switcher-saved-collapsed-"] { --a2-booklet-offset: 64px; }
    html:has([data-booklet-switcher].is-collapsed) { --a2-booklet-offset: 64px; }
    .hero,
    .database-page,
    .detail-page,
    .booklet-footer { margin-left: var(--a2-booklet-offset); }
}

@media (min-width: 1800px) {
    :root { --a2-shell-max: 1360px; }
}

@media (max-width: 1599px) {
    .hero,
    .database-page,
    .detail-page,
    .booklet-footer { margin-left: 0; }
}

@media (max-width: 760px) {
    .shell,
    .layout-shell,
    .page-layout.shell {
        width: calc(100% - 28px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0;
        padding-left: 0;
        transform: none;
    }
}

/* QuestLog-style item browser: scoped to the client-backed database page. */
.database-page { background:#0b0d0f; }
.database-page .a2-data-shell { padding-top:18px; }
.database-page .a2-results.is-loading { position:relative; min-height:280px; }
.database-page .a2-results.is-loading>.a2-results-summary,
.database-page .a2-results.is-loading>.a2-item-list,
.database-page .a2-results.is-loading>.pagination,
.database-page .a2-results.is-loading>.empty-state,
.database-page .a2-results.is-loading>.notice { opacity:.42; filter:saturate(.72); pointer-events:none; }
.a2-async-status { position:absolute; left:50%; top:88px; z-index:12; display:flex; align-items:center; gap:8px; transform:translateX(-50%); border:1px solid #4a4136; border-radius:999px; padding:7px 13px; background:rgba(27,29,31,.96); box-shadow:0 8px 30px rgba(0,0,0,.34); color:#dadddf; font-size:11px; white-space:nowrap; }
.a2-async-status i { width:12px; height:12px; border:2px solid #5b4d3c; border-top-color:#e9a548; border-radius:50%; animation:a2-database-spin .7s linear infinite; }
@keyframes a2-database-spin { to{transform:rotate(360deg)} }
.a2-db-browser-head { position:sticky; top:64px; z-index:1100; min-height:46px; display:grid; grid-template-columns:auto minmax(180px,1fr) minmax(280px,420px); align-items:center; overflow:hidden; border:1px solid #2b2e32; border-radius:5px; background:#1b1d1f; box-shadow:0 8px 24px rgba(0,0,0,.28); }
.a2-db-browser-head>.a2-database-back,.a2-detail-crumbbar>.a2-database-back{height:46px;box-sizing:border-box;display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:0;border-right:1px solid #303236;border-radius:0;background:transparent;color:#eef0f2;font:400 13px/20px Arial,"Microsoft JhengHei","PingFang TC",sans-serif;text-decoration:none;white-space:nowrap}
.a2-db-browser-head>.a2-database-back:hover,.a2-detail-crumbbar>.a2-database-back:hover{background:#242629;color:#efb45e;text-decoration:none}
.a2-database-back:focus-visible{outline:2px solid #64b9f1;outline-offset:-3px}
.a2-database-back>.a2-database-back-icon{display:block;flex:0 0 16px;width:16px;height:16px;background:currentColor;-webkit-mask:url('../icons/fluent/chevron-right-20-regular.svg') center/contain no-repeat;mask:url('../icons/fluent/chevron-right-20-regular.svg') center/contain no-repeat;transform:rotate(180deg)}
.a2-detail-crumbbar:has(>.a2-database-back){padding-left:0}
.a2-path { min-width:0; display:flex; align-items:center; gap:7px; overflow:hidden; padding:0 14px; color:#c4c8cd; font-size:13px; white-space:nowrap; }
.a2-path a:hover { color:#efb45e; }.a2-path i{color:#646b73;font-style:normal}.a2-path b{overflow:hidden;color:#f0f2f4;font-weight:600;text-overflow:ellipsis}
.a2-branch-search { height:34px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:8px; margin-right:7px; border:1px solid #34373b; border-radius:4px; padding:0 8px 0 10px; background:#292b2e; color:#9ca2aa; transition:border-color .16s ease,box-shadow .16s ease; }
.a2-branch-search:focus-within { border-color:#755a37; background:#292b2e; box-shadow:0 0 0 1px rgba(226,164,82,.08); }
.a2-branch-search input,.a2-branch-search input:focus { min-width:0; height:32px; border:0; outline:0; background:transparent!important; box-shadow:none!important; color:#eef0f2; font-family:inherit; font-size:13px; font-weight:400; line-height:20px; letter-spacing:normal; }
.a2-branch-search input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.a2-branch-search input::placeholder,.a2-branch-search input:focus::placeholder{color:#888e96;font:inherit;letter-spacing:inherit;opacity:1}.a2-branch-search kbd{border:0;background:transparent;color:#666c73;font-size:9px}
.a2-search-clear{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:3px;padding:0;background:transparent;color:#8f959d;font-size:18px;line-height:1;cursor:pointer}.a2-search-clear:hover,.a2-search-clear:focus-visible{outline:0;background:#393b3e;color:#f2f3f4}.a2-search-clear[hidden]{display:none}

.database-page .a2-database-layout { grid-template-columns:230px minmax(0,1fr); align-items:start; gap:12px; margin-top:10px; }
.database-page .a2-filter-side { position:sticky; top:120px; max-height:calc(100vh - 134px); overflow:auto; scrollbar-width:thin; scrollbar-color:#4b4f54 #191b1d; }
.database-page .a2-filter-content { overflow:hidden; border:1px solid #303337; border-radius:5px; background:#1d1f21; }
.a2-category-tree { padding:5px; color:#dadddf; font-size:13px; }
.a2-tree-root,.a2-tree-all,.a2-tree-group-link,.a2-tree-pending { min-height:34px; display:grid; grid-template-columns:22px minmax(0,1fr) auto auto; align-items:center; gap:7px; border-radius:3px; padding:4px 7px; }
.a2-tree-root { min-height:35px; border-bottom:1px solid #303236; border-radius:0; margin:-1px -1px 4px; padding:4px 10px; background:#202225; }
.a2-tree-root span,.a2-tree-root i { color:#b4bac1; font-style:normal; }.a2-tree-root b{font-size:14px}.a2-tree-root i{grid-column:4}
.a2-tree-all,.a2-tree-group-link { color:#e2e5e8; }
.a2-tree-all:hover,.a2-tree-group-link:hover,.a2-tree-children a:hover { background:#292b2e; }
.a2-tree-all.is-active,.a2-tree-group-link.is-active,.a2-tree-children a.is-active { background:#303236; color:#fff; }
.a2-tree-all span,.a2-tree-group-link span { color:#b9bec5; text-align:center; }.a2-tree-all b,.a2-tree-group-link b{font-weight:600}
.a2-tree-all small,.a2-tree-group-link small,.a2-tree-children small { color:#747b84; font-size:9px; font-weight:500; }.a2-tree-group-link i{color:#9ea4ac;font-size:17px;font-style:normal}
.a2-tree-group.is-open>.a2-tree-group-link { color:#efb45e; }
.a2-tree-children { display:grid; padding:2px 0 4px 31px; }
.a2-tree-children[hidden]{display:none}
.database-page .a2-record-list .a2-item-name b,.database-page .a2-record-list .a2-quality b{color:#e2e5e8}
.a2-record-icon{border:1px solid #6b7076;background:linear-gradient(145deg,#141619,#292c30);border-radius:4px;width:36px;height:36px;flex:0 0 36px}
.a2-record-icon img{width:100%;height:100%;object-fit:contain}
.a2-tree-group-heading{position:relative}
.a2-tree-group-heading>.a2-tree-group-link{padding-right:36px}
.a2-filter-side .a2-tree-toggle{position:absolute;right:2px;top:1px;bottom:1px;width:30px;height:auto;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#9ea4ac;cursor:pointer}
.a2-filter-side .a2-tree-toggle:hover,.a2-filter-side .a2-tree-toggle:active{border:0;background:transparent;box-shadow:none;color:#fff}
.a2-tree-toggle:focus-visible{outline:2px solid #49a4d8;outline-offset:-2px}
.a2-tree-group.is-open>.a2-tree-group-heading>.a2-tree-group-link{color:#efb45e}
.a2-filter-side .a2-tree-toggle[aria-expanded="true"]{color:#efb45e}
.a2-tree-toggle[aria-expanded="true"]>.a2-tree-chevron{transform:rotate(90deg)}
.a2-tree-children a { min-height:32px; display:flex; align-items:center; justify-content:space-between; gap:8px; border-radius:3px; padding:5px 8px; color:#e2e4e7; }
.a2-tree-children a.is-active { box-shadow:inset 2px 0 #d49748; }
.a2-tree-extra { margin-top:3px;border-top:1px solid #303236;padding-top:3px }
.a2-tree-extra>summary { min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:3px;padding:5px 8px;color:#899099;font-size:10px;cursor:pointer;list-style:none }
.a2-tree-extra>summary::-webkit-details-marker{display:none}
/* Microsoft Fluent UI System Icons: Chevron Right 20 Regular (MIT). */
.a2-tree-chevron,.a2-tree-extra>summary:before{display:block;width:16px;height:16px;flex:0 0 16px;background-color:currentColor;-webkit-mask:url('../icons/fluent/chevron-right-20-regular.svg') center/contain no-repeat;mask:url('../icons/fluent/chevron-right-20-regular.svg') center/contain no-repeat;transition:transform .16s ease,color .16s ease}
.a2-tree-chevron{grid-column:4;justify-self:end;pointer-events:none}
.a2-tree-root>.a2-tree-chevron,.a2-tree-group.is-open>.a2-tree-group-link>.a2-tree-chevron,.a2-tree-extra[open]>summary:before{transform:rotate(90deg)}
.a2-tree-group-link:hover>.a2-tree-chevron{color:#e2e5e8}.a2-tree-group.is-open>.a2-tree-group-link>.a2-tree-chevron{color:#efb45e}
.a2-tree-extra>summary:before{content:'';margin-right:2px;color:#899099}
@media(prefers-reduced-motion:reduce){.a2-tree-chevron,.a2-tree-extra>summary:before{transition:none}}
.a2-tree-extra>summary span{margin-right:auto}.a2-tree-extra>summary small{color:#707780;font-size:9px}.a2-tree-extra>div{display:grid;padding-left:6px}
.a2-tree-divider { height:1px; margin:5px 3px; background:#303236; }
.a2-tree-pending { color:#c8ccd1; cursor:default; }.a2-tree-pending i{color:#9da3aa;font-style:normal;text-align:center}.a2-tree-pending b{font-weight:500}.a2-tree-pending small{color:#777e86}
a.a2-tree-pending{cursor:pointer}a.a2-tree-pending:hover{background:#303337;border-radius:3px}.a2-section-nav-heading{font-size:12px;color:#88929b;border-top:1px solid #343638;margin:12px 0 4px;padding:12px 10px 2px}.a2-section-all-items{display:block;padding:10px;font-weight:600}

.database-page .a2-results { overflow:visible; border:0; border-radius:0; background:transparent; }
.a2-browser-controls { min-height:37px; display:flex; align-items:center; gap:7px; margin-bottom:7px; }
.a2-browser-controls select,.a2-sort-direction { height:36px; border:1px solid #33363a; border-radius:4px; outline:0; background:#25272a; color:#cdd1d6; font-size:11px; }
.a2-browser-controls select { min-width:90px; padding:0 30px 0 11px; cursor:pointer; }
.a2-browser-controls select:focus { border-color:#936a36; }.a2-browser-controls select:disabled{opacity:.72;cursor:default}
.a2-grade-filter{position:relative;display:flex;align-items:center;--grade:#cdd1d6}
.a2-grade-filter.has-value .a2-grade-select{padding-right:52px;color:var(--grade);border-color:color-mix(in srgb,var(--grade) 58%,#33363a)}
.a2-grade-clear{position:absolute;right:27px;z-index:2;width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:3px;padding:0;background:transparent;color:#9ba1a8;font-size:18px;line-height:1;cursor:pointer}
.a2-grade-clear:hover,.a2-grade-clear:focus-visible{outline:0;background:#393b3e;color:#fff}
.a2-grade-clear[hidden]{display:none}
.a2-grade-clear:after{content:"";position:absolute;right:-5px;width:1px;height:16px;background:#404348;pointer-events:none}
.a2-control-spacer { flex:1; }
.a2-sort-select { position:relative; display:flex; align-items:center; }.a2-sort-select>span{position:absolute;left:10px;z-index:1;color:#979da5;font-size:12px}.a2-sort-select select{min-width:178px;padding-left:31px}
.a2-sort-direction { width:34px; display:grid; place-items:center; color:#9298a0; font-size:15px; }.a2-sort-direction:hover{border-color:#555b63;color:#fff}
.database-page .a2-view-switch { height:36px; gap:0; border-color:#33363a; border-radius:4px; padding:0; background:#25272a; }
.database-page .a2-view-switch a { width:39px; height:34px; border-radius:0; font-size:16px; }.database-page .a2-view-switch a+a{border-left:1px solid #33363a}.database-page .a2-view-switch a.is-active{background:#34373b;color:#e9a548}
.a2-results-summary { min-height:35px; display:flex; align-items:center; gap:9px; border:1px solid #303236; border-bottom:0; border-radius:4px 4px 0 0; padding:0 10px; background:#17191b; }
.a2-results-summary b{font-size:12px}.a2-results-summary span{color:#777f88;font-size:10px}

.database-page .a2-item-list { border:1px solid #303236; background:#17191b; }
.database-page .a2-item-list-head,.database-page .a2-item-row { grid-template-columns:minmax(260px,1fr) 190px; gap:12px; }
.database-page .a2-item-list-head { min-height:34px; padding:0 10px; background:#222426; color:#bfc4ca; font-size:10px; }
.database-page .a2-item-row { min-height:48px; padding:5px 10px; border-color:#303236; background:#1b1d1f; }
.database-page .a2-item-row:nth-child(odd) { background:#252729; }.database-page .a2-item-row:hover{background:#303235}
.database-page .a2-item-name { gap:8px; }.database-page .a2-item-name b{font-size:12px}.database-page .a2-item-name small{font-size:9px}
.database-page .a2-item-icon { width:38px; height:38px; flex-basis:38px; border-radius:4px; }
.database-page .a2-quality { display:flex; flex-direction:column; align-items:flex-start; color:var(--grade,#d9dde2)!important; }
.database-page .a2-quality small { display:none; color:#9ca2a9; font-size:9px; }.database-page .a2-quality b{font-size:12px}

.database-page .a2-item-list.is-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; border:0; padding:0; background:transparent; }
.database-page .a2-item-list.is-grid .a2-item-list-head { display:none; }
.database-page .a2-item-list.is-grid .a2-item-row { min-height:126px; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:62px 1fr; gap:0; overflow:hidden; border:1px solid #343638; border-radius:4px; padding:0; background:#1e2022; box-shadow:none; }
.database-page .a2-item-list.is-grid .a2-item-row:hover { border-color:color-mix(in srgb,var(--grade,#d9a45d) 55%,#343638); background:#242628; }
.database-page .a2-item-list.is-grid .a2-item-name { grid-column:auto; min-height:62px; padding:9px 10px; border-bottom:1px solid #35373a; }
.database-page .a2-item-list.is-grid .a2-item-name small { display:none; }
.database-page .a2-item-list.is-grid .a2-quality { min-height:62px; display:flex; align-items:flex-start; justify-content:center; padding:8px 11px; }
.database-page .a2-item-list.is-grid .a2-quality small { display:block; }.database-page .a2-item-list.is-grid .a2-quality b{margin-top:1px;font-size:13px}

/* AION2 quality palette (QuestLog/client enum: 11, 21, 31, 41, 51, 61, 71). */
.grade-common  { --grade:#808080; }
.grade-rare    { --grade:#498b35; }
.grade-legend  { --grade:#1383b6; }
.grade-unique  { --grade:#d3ad0f; }
.grade-epic    { --grade:#ce560a; }
.grade-mythic  { --grade:#d21046; }
.grade-special { --grade:#04ddd9; }
.a2-grade-select option{background:#25272a;color:#cdd1d6}
.a2-grade-select option.grade-common{color:#808080}
.a2-grade-select option.grade-rare{color:#498b35}
.a2-grade-select option.grade-legend{color:#1383b6}
.a2-grade-select option.grade-unique{color:#d3ad0f}
.a2-grade-select option.grade-epic{color:#ce560a}
.a2-grade-select option.grade-mythic{color:#d21046}
.a2-grade-select option.grade-special{color:#04ddd9}

/* Content typography follows QuestLog's Encode Sans scale. Shared UIV8 chrome is intentionally excluded. */
.a2-db-back,.a2-path,.a2-category-tree{font-size:14px;line-height:1.5}
.a2-tree-root b{font-size:15px}.a2-tree-all small,.a2-tree-group-link small,.a2-tree-children small{font-size:10px}
.a2-tree-children a{font-size:14px}.a2-tree-extra>summary{font-size:11px}
.a2-browser-controls select{font-size:13px}.a2-branch-search kbd{font-size:10px}
.a2-results-summary b{font-size:14px}.a2-results-summary span{font-size:11px}
.database-page .a2-item-list-head{font-size:12px}
.database-page .a2-item-name b{font-size:14px;line-height:1.35}.database-page .a2-item-name small{font-size:10px;line-height:1.35}
.database-page .a2-quality b{font-size:14px}.database-page .a2-quality small{font-size:10px}
.pagination{font-size:13px}
.a2-detail-grade,.a2-detail-hero p,.a2-detail-hero>code{font-size:12px}.a2-detail-description p{font-size:14px}.a2-detail-panel>header b{font-size:14px}.a2-detail-panel>header small{font-size:11px}
.a2-detail-panel dl div,.a2-random-list b,.a2-random-list em{font-size:13px}.a2-stat-grid small,.a2-permission-grid span,.a2-permission-grid b{font-size:11px}
.a2-tip{font-size:14px}.a2-tip-identity>strong{font-size:18px}.a2-tip-description{font-size:13px}.a2-tip-random span,.a2-tip-random span b{font-size:13px}.a2-tip>footer{font-size:11px}

@media(max-width:760px){
    .a2-db-back,.a2-path,.a2-category-tree{font-size:13px}
    .a2-tree-children a{font-size:13px}
    .database-page .a2-item-name b,.database-page .a2-quality b{font-size:13px}
    .database-page .a2-item-name small{font-size:9px}
}
.database-page .pagination { gap:5px; margin-top:8px; padding:8px 0 0; }
.database-page .pagination a { min-width:32px; height:32px; display:grid; place-items:center; border-color:#303338; border-radius:4px; padding:0; background:#1b1d20; }
.database-page .pagination a.is-active { border-color:#a27136; background:#342719; color:#f0b96e; }

@media (max-width:1200px){
    .database-page .a2-item-list.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .a2-db-browser-head{grid-template-columns:auto minmax(150px,1fr) minmax(240px,340px)}
}
@media (max-width:900px){
    .database-page .a2-database-layout{grid-template-columns:190px minmax(0,1fr)}
    .database-page .a2-item-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .a2-browser-controls label:nth-of-type(2){display:none}
}
@media (max-width:760px){
    .database-page .a2-data-shell{padding-top:12px}
    .a2-db-browser-head{position:static;grid-template-columns:auto minmax(0,1fr);gap:0}.a2-branch-search{grid-column:1/-1;width:calc(100% - 12px);margin:6px;}.a2-path{padding-right:8px;padding-left:8px}.a2-db-back{padding:0 10px}
    .database-page .a2-database-layout{grid-template-columns:minmax(0,1fr);gap:7px;margin-top:7px}
    .database-page .a2-filter-side{position:static;max-height:none;overflow:visible}
    .database-page .a2-filter-details[open]>.a2-filter-content{max-height:65vh;overflow:auto;border-color:#303337;border-radius:0 0 5px 5px;padding:5px;background:#1d1f21}
    .a2-browser-controls{flex-wrap:wrap}.a2-control-spacer{display:none}.a2-sort-select{margin-left:auto}.a2-sort-select select{min-width:150px}
    .database-page .a2-item-list.is-list .a2-item-list-head,.database-page .a2-item-list.is-list .a2-item-row{grid-template-columns:minmax(0,1fr) 70px}
    .database-page .a2-item-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
    .a2-db-back span,.a2-branch-search kbd{display:none}.a2-browser-controls label:first-of-type{flex:1}.a2-browser-controls label:first-of-type select{width:100%}.a2-sort-select{width:calc(100% - 120px);margin-left:0}.a2-sort-select select{width:100%;min-width:0}
    .database-page .a2-item-list.is-grid{grid-template-columns:minmax(0,1fr)}
}
/* Database list pager: compact, viewport-bottom sticky within its own results. */
.database-page .pagination.a2-list-pagination{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:25;display:flex;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:12px auto 8px;padding:4px;background:#1c1c1c;border-radius:5px;box-shadow:0 3px 14px #0004;font-size:14px;isolation:isolate}
.database-page .pagination.a2-list-pagination>a,.database-page .pagination.a2-list-pagination>.a2-page-control{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:38px;height:38px;box-sizing:border-box;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#eee;text-decoration:none;line-height:1;font-size:14px;font-weight:400}
.database-page .pagination.a2-list-pagination>a{font-family:Arial,"Microsoft YaHei",sans-serif;line-height:20px;font-variant-numeric:tabular-nums}
.database-page .pagination.a2-list-pagination>.a2-page-control{min-width:36px;padding:0;line-height:0}
.database-page .pagination.a2-list-pagination .a2-page-arrow{display:block;flex:none;width:20px;height:20px;margin:0}
.database-page .pagination.a2-list-pagination>a:hover{background:#303030;color:#fff}
.database-page .pagination.a2-list-pagination>a.is-active{background:#3497df;color:#fff}
.database-page .pagination.a2-list-pagination>.is-disabled{color:#555;cursor:default}
.database-page .pagination.a2-list-pagination>a:focus-visible{outline:2px solid #8bd1ff;outline-offset:-2px}
@media(max-width:480px){.database-page .pagination.a2-list-pagination>a,.database-page .pagination.a2-list-pagination>.a2-page-control{min-width:32px;height:36px}.database-page .pagination.a2-list-pagination{gap:1px}}