.ht-buttons{display:flex;align-items:center;gap:4px}.ht-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#171717;transition:background .15s ease}.ht-icon:hover{background:#f2f2f5}.ht-count{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#167a68;color:#fff;font-size:11px;font-weight:600}.ht-count.ht-inline{position:static;margin-left:8px}.ht-dot{position:absolute;top:7px;right:8px;width:9px;height:9px;border-radius:50%;background:#e11d26;box-shadow:0 0 0 2px #fff}.ht-backdrop{position:fixed;inset:0;z-index:115;background:rgba(20,18,30,.28);opacity:0;pointer-events:none;transition:opacity .28s ease}.ht-backdrop-open{opacity:1;pointer-events:auto}.ht-tray{position:fixed;top:0;text-align:left;z-index:120;display:flex;flex-direction:column;width:360px;max-width:100vw;height:100vh;background:#fff;transition:transform .28s ease,visibility 0s linear .28s;visibility:hidden}.ht-left{left:0;transform:translateX(-100%);box-shadow:18px 0 40px rgba(36,35,49,.12)}.ht-right{right:0;transform:translateX(100%);box-shadow:-18px 0 40px rgba(36,35,49,.12)}.ht-open{transform:translateX(0);visibility:visible;transition:transform .28s ease,visibility 0s}.ht-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 14px;border-bottom:1px solid #ededf2}.ht-head strong{font-size:16px;font-weight:600;color:#111}.ht-head button{color:#5a5a5a;padding:6px;border-radius:8px}.ht-head button:hover{background:#f2f2f5}.ht-body{flex:1;overflow-y:auto;padding:14px 12px 24px}.ht-row{display:flex;align-items:center;gap:8px;padding:10px 8px;border-radius:10px}.ht-row:hover{background:#f8f8fb}.ht-row a{display:flex;flex:1;min-width:0;align-items:center;gap:10px}.ht-thumb{display:block;width:64px;height:48px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#eeeef3}.ht-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ht-text{display:block;min-width:0;flex:1}.ht-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#111}.ht-text span{display:block;margin-top:2px;font-size:12px;color:#7b7b80}.ht-row>button{flex-shrink:0;padding:6px;border-radius:8px;color:#9a9aa2}.ht-row>button:hover{background:#f1f1f4;color:#a51c1c}.ht-empty,.ht-note{padding:12px 8px;font-size:13px;line-height:1.6;color:#7b7b80}.ht-note{padding-bottom:4px}@media print{.ht-backdrop,.ht-buttons,.ht-tray{display:none!important}}