.baoi-dictionary{max-width:1200px;margin:0 auto;padding:0 0 52px;display:grid;gap:24px}
.baoi-dictionary-hero{border:1px solid #28435b;border-radius:22px;background:linear-gradient(132deg,#112940,#071724);padding:34px 32px}
.baoi-dictionary-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:900;color:#72e3d3}
.baoi-dictionary-hero h1{margin:11px 0;font-size:clamp(30px,4vw,50px);line-height:1.12}
.baoi-dictionary-hero p{max-width:820px;color:#acc5d9;font-size:16px;margin-bottom:24px}
.baoi-dictionary-search label{font-weight:750;display:block;margin-bottom:9px}
.baoi-dictionary-search>div{display:flex;gap:10px}
.baoi-dictionary-search input{flex:1;min-width:0;background:#061629;color:#f0f7ff;border:1px solid #39536d;border-radius:10px;padding:14px 16px;font-size:16px}
.baoi-dictionary-search button{min-width:125px}
.baoi-dictionary-themes,.baoi-dictionary-alphabet{border:1px solid #28415a;border-radius:16px;background:#0b1b2c;padding:18px 19px}
.baoi-dictionary-themes summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none}
.baoi-dictionary-themes summary::-webkit-details-marker{display:none}
.baoi-dictionary-themes summary span{font-size:13px;color:#b2cce3}
.baoi-dictionary-chips,.baoi-dictionary-letters{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.baoi-dictionary-chips a,.baoi-dictionary-letters a,.baoi-dictionary-pagination a{border:1px solid #35516b;border-radius:8px;background:#12263b;color:#d3ecff;padding:7px 10px;text-decoration:none;font-size:13px}
.baoi-dictionary-chips a small{opacity:.75;margin-left:5px}
.baoi-dictionary-chips a.selected,.baoi-dictionary-letters a.selected,.baoi-dictionary-pagination a[aria-current]{border-color:#3ecfbf;background:#15403e;color:#d1fff7}
.baoi-dictionary-alphabet strong{display:block}
.baoi-dictionary-letters a{min-width:29px;text-align:center}
.baoi-dictionary-stats{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.baoi-dictionary-stats strong{font-size:30px;font-variant-numeric:tabular-nums}
.baoi-dictionary-stats span{color:#b0c7de}
.baoi-dictionary-stats>a{margin-left:auto;color:#72ead3}
.baoi-dictionary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.baoi-dictionary-card{padding:20px;border:1px solid #29425d;border-radius:14px;background:linear-gradient(135deg,#102337,#071726);min-width:0;display:flex;flex-direction:column;gap:12px}
.baoi-dictionary-card small{color:#8fd5df;font-size:11px;font-weight:800;letter-spacing:.08em}
.baoi-dictionary-card h2{margin:0;font-size:19px;overflow-wrap:anywhere}
.baoi-dictionary-card h2 a{color:#f1f7ff;text-decoration:none}
.baoi-dictionary-card h2 a:hover{text-decoration:underline}
.baoi-dictionary-card p{color:#acc4d7;line-height:1.5;flex:1;font-size:14px;overflow-wrap:anywhere}
.baoi-dictionary-card .baoi-dictionary-open{color:#67eadc;font-weight:750;text-decoration:none;font-size:13px}
.baoi-dictionary-pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}
.baoi-dictionary-pagination span{color:#abc7db}
@media(max-width:900px){.baoi-dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.baoi-dictionary-grid{grid-template-columns:1fr}.baoi-dictionary-hero{padding:23px 18px}.baoi-dictionary-search>div{flex-direction:column}.baoi-dictionary-search button{width:100%}.baoi-dictionary{gap:16px}}