.cla{--cla-page:#1c1c1f;--cla-line:#424254;--cla-ink:#fff;--cla-ink-3:#b5b5c4;--cla-mute:#9e9eb1;--cla-accent:#8a61ff;--cla-head-bg:#2a2140;--cla-gutter:24px;--cla-header-h:64px;--cla-area-h:44px;--cla-tabs-h:48px;--cla-head-h:176px;min-width:0;color:var(--cla-ink);word-break:keep-all;flex-direction:column;flex:1;display:flex}.cla-wrap{width:100%;max-width:1440px;padding:0 var(--cla-gutter);margin:0 auto}.cla-area{top:var(--cla-header-h);z-index:30;height:var(--cla-area-h);background:var(--cla-page);border-bottom:1px solid var(--cla-line);position:sticky}.cla-area .cla-wrap{align-items:center;gap:4px;height:100%;display:flex}.cla-area a{height:100%;color:var(--cla-mute);font-size:var(--fs-body);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 12px;font-weight:600;transition:color .15s;display:inline-flex}.cla-area a:hover{color:var(--cla-ink)}.cla-area a[aria-current=page]{color:var(--cla-ink);border-bottom-color:var(--cla-accent)}.cla-area .em{border-radius:4px;flex-shrink:0;width:20px;height:20px;overflow:hidden}.cla-area .nm{text-overflow:ellipsis;max-width:220px;overflow:hidden}.cla-head{height:var(--cla-head-h);border-bottom:1px solid var(--cla-line);position:relative;overflow:hidden}.cla-head .bn{background:var(--cla-head-bg) center 22% / cover no-repeat;position:absolute;inset:0}.cla-head .bn.img:after{content:"";background:#141022c7;position:absolute;inset:0}.cla-head>.cla-wrap{align-items:flex-end;gap:20px;height:100%;padding-bottom:24px;display:flex;position:relative}.cla-head .emb{background:var(--cla-head-bg);border:1px solid #ffffff2e;border-radius:6px;flex-shrink:0;width:88px;height:88px;overflow:hidden}.cla-head .emb>*{border-radius:0;width:100%;height:100%;font-size:34px}.cla-head .who{flex:1;min-width:0}.cla-head h1{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;font-size:28px;font-weight:700;line-height:1.2;overflow:hidden}.cla-head .meta{color:var(--cla-ink-3);font-size:var(--fs-body);flex-wrap:wrap;gap:6px 16px;margin-top:8px;display:flex}.cla-head .meta span{align-items:center;gap:6px;display:inline-flex}.cla-head .meta img{width:16px;height:16px}.cla-head .acts{flex-shrink:0;align-items:center;gap:8px;display:flex}.cla-head .acts .cla-btn{height:48px;min-height:48px;font-size:var(--fs-body-lg);padding:0 20px}.cla-head .acts .cla-btn.ico{width:48px;padding:0}.cla-head .acts .cla-btn svg{flex-shrink:0;width:18px;height:18px}.cla-head .acts .off{opacity:.45;box-shadow:none;pointer-events:none;transform:none}.cla-tabs{top:calc(var(--cla-header-h) + var(--cla-area-h));z-index:20;height:var(--cla-tabs-h);background:var(--cla-page);border-bottom:1px solid var(--cla-line);position:sticky}.cla-tabs .cla-wrap{align-items:stretch;gap:4px;height:100%;display:flex}.cla-tabs a{color:var(--cla-mute);font-size:var(--fs-body-lg);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:0 14px;font-weight:600;transition:color .15s;display:inline-flex}.cla-tabs a:hover{color:var(--cla-ink)}.cla-tabs a[aria-current=page]{color:var(--cla-ink);border-bottom-color:var(--cla-accent)}.cla-body{padding-top:var(--cla-gutter);flex-direction:column;gap:24px;padding-bottom:64px;display:flex}.cla-note{color:var(--cla-mute);text-align:center;border:1px solid var(--cla-line);border-radius:6px;padding:28px 16px}.cla-note a{color:#b9a3ff;font-weight:700}.cla-note a:hover{text-decoration:underline}@media (max-width:639px){.cla{--cla-gutter:16px;--cla-header-h:56px}.cla-area{position:static}.cla-area .cla-wrap{scrollbar-width:none;overflow-x:auto}.cla-area a{flex-shrink:0;min-height:44px}.cla-head{height:auto}.cla-head>.cla-wrap{flex-wrap:wrap;align-items:center;gap:12px 14px;padding-top:20px;padding-bottom:16px}.cla-head .emb{width:56px;height:56px}.cla-head .emb>*,.cla-head h1{font-size:22px}.cla-head .meta{font-size:var(--fs-meta);gap:4px 12px;margin-top:4px}.cla-head .acts{width:100%}.cla-head .acts>*{flex:1}.cla-head .acts .cla-btn{height:44px;min-height:44px;font-size:var(--fs-body);width:100%;padding:0 12px}.cla-head .acts .cla-btn.ico,.cla-head .acts>.ico{flex:0 0 44px;width:44px}.cla-tabs{top:var(--cla-header-h)}.cla-tabs .cla-wrap{scrollbar-width:none;gap:0;overflow-x:auto}.cla-tabs a{flex-shrink:0;justify-content:center;min-width:44px;padding:0 12px}.cla-body{padding-top:16px}}@media (prefers-reduced-motion:reduce){.cla-area a,.cla-tabs a{transition:none}}