/* 茶话室 · 好友与团队 重做（hall20261105a） */
.hl-seg{display:inline-flex;gap:4px;padding:4px;margin:6px 0 14px;background:#fffcf6e6;border:1px solid #e3dccd;border-radius:999px;box-shadow:0 4px 14px #2a3a3310}
.hl-seg button{border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:#5f6d66;padding:8px 22px;border-radius:999px;cursor:pointer;letter-spacing:.06em}
.hl-seg button.on{background:#2f6b60;color:#fff;box-shadow:0 3px 10px #2f6b6040}
.hl-wrap{max-width:980px}
.hl-card{background:#fffcf6f2!important;border:1px solid #e9e1d2;border-radius:18px;padding:16px 18px;margin:0 0 12px;box-shadow:0 6px 18px #2a3a330d}
.hl-head{display:flex;align-items:baseline;gap:10px;margin:0 0 8px}
.hl-head h3{margin:0;font-size:15.5px;color:#26332f;letter-spacing:.04em}
.hl-sec{margin:18px 4px 10px}
.hl-badge{background:#d9534f;color:#fff;font-size:11.5px;border-radius:999px;padding:1px 8px;font-weight:700}
.hl-who{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.hl-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;background:#efe8da;border:2px solid #fff;box-shadow:0 1px 4px #0002}
.hl-av.xs{width:20px;height:20px;border-width:1px}
.hl-who-t{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0}
.hl-who-t b{font-size:15px;color:#26332f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12em}
.hl-who-t small{width:100%;color:#8a968f;font-size:12px}
.hl-chip{font-style:normal;font-size:11px;color:#2f6b60;background:#e3efe8;border-radius:999px;padding:1px 8px;font-weight:700}
.hl-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid #f0e9dc}
.hl-head+.hl-row{border-top:0}
.hl-acts{display:flex;gap:6px;flex:none}
.hl-inc{border-color:#f0c9a6;background:#fff8ef!important}
/* 加好友 */
.hl-add{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hl-add-t{display:flex;flex-direction:column;gap:2px;flex:1 1 220px}
.hl-add-t b{font-size:15px;color:#26332f}
.hl-add-t small{color:#8a968f;font-size:12px}
.hl-add-f{display:flex;gap:8px;flex:1 1 300px}
.hl-add-f input,.hl-form input{flex:1;min-width:0;border:1px solid #d8d1c3;background:#fff;border-radius:12px;padding:10px 13px;font:inherit;font-size:14px;outline:none}
.hl-add-f input:focus,.hl-form input:focus{border-color:#2f6b60;box-shadow:0 0 0 3px #2f6b6022}
/* 好友卡片 */
.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.hl-friend{position:relative;background:#fffcf6f2!important;border:1px solid #e9e1d2;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 18px #2a3a330d;margin:0}
.hl-medal{position:absolute;top:10px;right:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}
.hl-medal.m1{background:#d4a73c}.hl-medal.m2{background:#a3aab0}.hl-medal.m3{background:#c48a5a}
.hl-week{display:flex;align-items:baseline;gap:4px;color:#7a8a80;font-size:12.5px}
.hl-week b{font-size:24px;color:#2f6b60;font-family:var(--num,Georgia,serif);line-height:1}
.hl-bar{height:6px;border-radius:99px;background:#ece5d7;overflow:hidden;flex:1}
.hl-bar i{display:block;height:100%;background:linear-gradient(90deg,#7fb39c,#2f6b60);border-radius:inherit}
.hl-bar.big{height:9px;width:100%}
.hl-fbtns{display:flex;gap:6px;align-items:center}
.hl-fbtns .btn{flex:1}
.hl-more{border:0;background:none;color:#a0a8a3;font:inherit;font-size:12px;cursor:pointer;padding:6px}
.hl-more:hover{color:#c0504d}
.hl-mem .hl-more:hover{color:#2f6b60}
.hl-empty b{font-size:15px}
.hl-empty p{color:#6f7d76;font-size:13.5px;line-height:1.7;margin:6px 0 0}
.hl-pending{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 4px;color:#8a968f;font-size:12.5px}
.hl-pchip{display:inline-flex;align-items:center;gap:5px;background:#fffcf6e6;border:1px dashed #d6ccb9;border-radius:999px;padding:3px 10px 3px 4px;color:#5f6d66}
/* 团队 */
.hl-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.hl-tchip{border:1px solid #e0d8c8;background:#fffcf6e6;border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;color:#4a5852;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.hl-tchip small{background:#ece5d7;border-radius:99px;padding:0 6px;font-size:11px}
.hl-tchip.on{background:#2f6b60;border-color:#2f6b60;color:#fff;font-weight:700}
.hl-tchip.on small{background:#ffffff33}
.hl-tchip.add{border-style:dashed;color:#2f6b60}
.hl-team-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hl-team-name h2{margin:0;font-size:22px;color:#26332f}
.hl-team-tools{display:flex;gap:6px}
.hl-team-stats{display:flex;gap:18px;align-items:center;margin:16px 0 8px;flex-wrap:wrap}
.hl-ring{--p:0;width:92px;height:92px;border-radius:50%;background:conic-gradient(#2f6b60 calc(var(--p)*1%),#ece5d7 0);display:grid;place-items:center;flex:none}
.hl-ring>div{width:74px;height:74px;border-radius:50%;background:#fffcf6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hl-ring b{font-size:19px;color:#26332f;font-family:var(--num,Georgia,serif);line-height:1.1}
.hl-ring small{font-size:10.5px;color:#8a968f;line-height:1.2;padding:0 6px}
.hl-goal{flex:1 1 220px;display:flex;flex-direction:column;gap:6px}
.hl-goal b{font-size:16px;color:#26332f}
.hl-reward{display:flex;align-items:center;gap:10px;background:#eef4ee;border:1px solid #dce7db;border-radius:14px;padding:10px 12px;margin-top:10px;font-size:13.5px;color:#3d4d46;flex-wrap:wrap}
.hl-reward>span:nth-child(2){flex:1;min-width:160px}
.hl-leaf{font-size:18px}
.hl-glow{box-shadow:0 0 0 4px #f2c94c55}
.hl-mem.me{background:#f3f8f4;border-radius:12px}
.hl-rank{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#6f7d76;background:#efe8da;flex:none}
.hl-rank.r1{background:#d4a73c;color:#fff}.hl-rank.r2{background:#a3aab0;color:#fff}.hl-rank.r3{background:#c48a5a;color:#fff}
.hl-dots{display:flex;gap:3px;flex:none}
.hl-dots i{width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10.5px;display:grid;place-items:center;background:#efe8da;color:#a29a8a}
.hl-dots i.on{background:#2f6b60;color:#fff}
.hl-prog{display:flex;align-items:center;gap:8px;width:150px;flex:none}
.hl-prog b{font-size:14px;color:#5f6d66;font-family:var(--num,Georgia,serif);white-space:nowrap}
.hl-prog b small{color:#a0a8a3;font-size:11px}
.hl-prog b.met{color:#2f6b60}
.hl-slot{color:#2f6b60;cursor:pointer;border-top:1px dashed #d6ccb9}
.hl-slot .hl-rank{background:none;border:1px dashed #9cbfb0;color:#2f6b60}
.hl-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.hl-form{display:flex;flex-direction:column;gap:8px;margin:0}
.hl-form b{font-size:16px;color:#26332f}
.hl-form p{margin:0 0 4px;color:#7a8a80;font-size:12.5px}
.hl-form-ic{width:36px;height:36px;border-radius:12px;background:#e3efe8;color:#2f6b60;display:grid;place-items:center;font-size:18px;font-weight:800}
.hl-intro b{font-size:18px}
.hl-intro p{margin:6px 0 0;color:#6f7d76;font-size:13.5px}
.hl-note{margin:8px 4px}
/* 小窗 */
.hl-modal h2{margin:0 0 14px;font-size:18px;padding-right:30px}
.hl-code{font-family:ui-monospace,Menlo,monospace;font-size:24px;font-weight:800;letter-spacing:.08em;text-align:center;background:#eef4ee;border:1px dashed #9cbfb0;border-radius:14px;padding:16px;color:#2f6b60;user-select:all}
.hl-mbtns{display:flex;gap:8px;margin:12px 0 8px}
.hl-mbtns .btn{flex:1}
.hl-mlist{display:flex;flex-direction:column;gap:8px}
.hl-mitem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid #e3dccd;background:#fff;border-radius:14px;padding:12px 14px;font:inherit;text-align:left;cursor:pointer}
.hl-mitem small{color:#8a968f}
.hl-mitem.danger b{color:#c0504d}
.hl-modal .hl-forms{grid-template-columns:1fr}
.hl-modal .hl-form{box-shadow:none}
@media (max-width:760px){
  .hl-seg{display:flex;margin:4px 0 10px}
  .hl-seg button{flex:1;padding:7px 0;font-size:13px}
  .hl-card{padding:12px 13px;border-radius:15px}
  .hl-grid{grid-template-columns:1fr 1fr;gap:8px}
  .hl-friend{padding:12px;gap:8px;border-radius:15px}
  .hl-friend .hl-who{flex-direction:column;align-items:flex-start;gap:6px}
  .hl-who-t b{max-width:8em}
  .hl-fbtns .hl-more{padding:4px;font-size:11px}
  .hl-week b{font-size:20px}
  .hl-av{width:36px;height:36px}
  .hl-team-stats{gap:10px}
  .hl-ring{width:76px;height:76px}.hl-ring>div{width:61px;height:61px}.hl-ring b{font-size:16px}
  .hl-mem{flex-wrap:wrap;gap:6px 8px}
  .hl-mem .hl-who{flex:1 1 60%}
  .hl-dots{order:5;margin-left:34px}
  .hl-dots i{width:17px;height:17px;font-size:9.5px}
  .hl-prog{order:6;flex:1;width:auto}
  .hl-add-f{flex-basis:100%}
}
.hl-seg{width:max-content;max-width:100%}
.hl-leaf{width:26px;height:26px;border-radius:50%;background:#2f6b60;color:#fff;font-size:12px!important;font-weight:800;display:grid;place-items:center;flex:none}
.hl-sec{display:inline-flex;background:#fffcf6e6;border-radius:999px;padding:5px 14px;margin:14px 0 10px}
@media (max-width:760px){.hl-seg{width:auto}}