.page-content{background:#fff}.page-content .tab-container{position:absolute;top:0;left:0;right:0;height:48px;border-bottom:0;background:#fbfffb;box-shadow:0 1px 4px rgba(0,0,0,.06)}.page-content .tab-content{position:absolute;top:49px;left:0;right:0;bottom:0;overflow:auto;scroll-behavior:smooth}.page-content .tabs{background:0 0;overflow:hidden}.page-content .tabs .tab a{color:#999;font-weight:500;letter-spacing:1px;transition:color .3s ease}.page-content .tabs .tab a:hover,.page-content .tabs .tab a.active{color:#18B22A}.page-content .tabs .indicator{background:linear-gradient(90deg,#18B22A,#4CAF50);height:3px;border-radius:3px}#alphabet{padding:10px 0;margin-bottom:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}#alphabet li{min-width:34px;height:34px;line-height:34px;text-align:center;cursor:pointer;border-radius:8px;font-weight:600;font-size:14px;color:#555;transition:all .25s cubic-bezier(0.4,0,.2,1);user-select:none}#alphabet li:hover,#alphabet li.active{transform:scale(1.1)}#alphabet li:hover{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}#alphabet li.active{background:linear-gradient(135deg,#18B22A,#4CAF50);color:#fff;box-shadow:0 2px 8px rgba(24,178,42,.35)}@media only screen and (max-width:992px){.page-content .tab-container{background:#f7f7f7;border-bottom:0;box-shadow:0 1px 3px rgba(0,0,0,.08)}.page-content .tab-content ul{margin-top:0}}