.mobile-tag-list .section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-tag-list .section-title .sectle-left{min-width:0;align-items:center}.mobile-tag-list .section-title .sectle-left span{overflow-wrap:anywhere}.directory-open{flex-shrink:0;border:1px solid #eee;background:#f7f7f7;border-radius:16px;padding:7px 11px;font-size:13px;color:#666;cursor:pointer}.mobile-tag-list .gjlist-tabs{display:flex;gap:0;padding:0 12px;margin:0 12px;border-bottom:1px solid #eee;overflow:visible;height:auto}.mobile-tag-list .gjlist-tabs>div{flex:1;width:auto;min-width:0;margin:0;padding:0;background:none;border:0;border-radius:0;font-size:15px;text-align:center}.mobile-tag-list .gjlist-tabs a{display:block;padding:16px 4px;color:#999}.mobile-tag-list .gjlist-tabs .check a{color:#333;font-weight:600}.mobile-tag-list .gjlist-tabs>div:after{display:none}.mobile-tag-list .gjlist-tabs .check a:after{content:'';display:block;width:24px;height:3px;border-radius:2px;background:#ffc400;margin:10px auto -13px}.mobile-tag-list .itemdl-down{justify-content:space-between;align-items:center;width:100%;gap:8px}.mobile-tag-list .gxtag-time{margin:0}.item-heat{color:#999;font-size:12px;white-space:nowrap}.mobile-hot-articles ol{list-style:none;padding:0 14px 12px}.mobile-hot-articles li{display:flex;align-items:baseline;gap:9px;padding:13px 0;border-bottom:1px solid #f3f3f3;font-size:14px}.mobile-hot-articles li:last-child{border:0}.mobile-hot-articles li a{flex:1;min-width:0;line-height:1.6}.mobile-hot-articles small{color:#999;white-space:nowrap;font-size:11px}.hot-rank{color:#c69c00;font-size:13px}#tag-directory{padding:0;border:0;border-radius:14px;width:calc(100% - 32px);max-width:460px;max-height:80vh;margin:auto;color:#333;background:white}#tag-directory::backdrop{background:rgba(0,0,0,.4)}.directory-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.directory-dialog-head h2{font-size:18px}.directory-close{border:0;border-radius:50%;width:32px;height:32px;background:#f5f5f5;font-size:24px;color:#777}.directory-dialog-body{overflow:auto;max-height:calc(80vh - 70px);padding:0 4px 12px}.directory-dialog-body summary{cursor:pointer;font-size:15px}.directory-dialog-body a{font-size:14px}.directory-dialog-body .mobile-tag-group{border-bottom:1px solid #f3f3f3}body.directory-opened{overflow:hidden}
.mobile-tag-list .gjlist-tabs>div{height:auto;display:block;overflow:visible}.mobile-tag-list .gjlist-tabs>div>a{position:relative;width:100%;height:auto;line-height:20px;padding:15px 4px}.mobile-tag-list .gjlist-tabs .check a:after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin:0}
.mobile-tag-list .gjlist-tabs{width:auto;flex-wrap:nowrap}
.mobile-tag-list .gfcon-right{margin-top:24px}.mobile-tag-list .mobile-hot-articles .section-title{padding-top:18px;padding-bottom:18px}

/* Compact directory trigger keeps long tag headings on one row. */
.mobile-tag-list .gjcon-left>.section>.section-title{flex-wrap:nowrap;gap:8px}.mobile-tag-list .gjcon-left>.section>.section-title>.sectle-left{flex:1;min-width:0;gap:5px}.mobile-tag-list .gjcon-left>.section>.section-title>.sectle-left span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-tag-list .directory-open{display:flex;align-items:center;justify-content:center;width:30px;height:36px;min-width:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#888}.mobile-tag-list .directory-open:hover,.mobile-tag-list .directory-open:focus-visible{background:#fff6d5;color:#927000}

.mobile-tag-list .directory-open{width:auto;min-width:64px;gap:4px;padding:0 8px;background:#f8f8f8;border:1px solid #eee;border-radius:18px;white-space:nowrap;color:#777}.mobile-tag-list .directory-open svg{width:14px;height:14px;flex-shrink:0}.mobile-tag-list .directory-open span{font-size:13px}

/* Keep the decoration, truncated heading and directory trigger in one row at every breakpoint. */
.mobile-tag-list .gjcon-left>.section>.section-title>.sectle-left{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;overflow:hidden}.mobile-tag-list .gjcon-left>.section>.section-title>.sectle-left>b{flex:0 0 auto}.mobile-tag-list .gjcon-left>.section>.section-title>.sectle-left>span{display:block;flex:1 1 0%;min-width:0;width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-tag-list .gjcon-left>.section>.section-title>.directory-open{flex:0 0 auto}

/* Recommendation titles stay readable without stretching the ranking list. */
.mobile-tag-list .mobile-hot-articles li a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.6;max-height:3.2em;overflow-wrap:anywhere}
