.my-panel{max-width:52rem;margin:0 auto}.my-panel .my-intro{margin:0 0 1.75rem;font-size:14px;color:var(--text-2)}.my-panel .my-sec{margin-bottom:2rem}.my-panel .my-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.my-panel .my-h{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;color:var(--text-0);display:flex;align-items:center;gap:8px}.my-panel .my-sec-head .my-h{margin-bottom:.75rem}.my-panel .my-h:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--brand);flex:0 0 auto}.my-panel .my-clear{min-height:32px;padding:4px 12px;margin-bottom:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-1);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.my-panel .my-clear:hover{color:#d64545;border-color:#d64545}.my-panel .my-clear[hidden]{display:none}.my-panel .my-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.my-panel .my-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-1);min-height:44px}.my-panel .my-item-img,.my-item-ph{width:30px;height:30px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:var(--bg-2)}.my-panel .my-item-main{min-width:0;flex:1 1 auto}.my-panel .my-item-name{display:block;font-size:14px;font-weight:600;color:var(--text-0);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-panel a.my-item-name:hover{color:var(--brand-text)}.my-panel .my-item-sub{display:block;margin-top:1px;font-size:12px;color:var(--text-3)}.my-panel .my-item-ops{display:flex;align-items:center;gap:6px;flex:0 0 auto}.my-panel .my-op{min-width:36px;min-height:36px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-0);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .15s,border-color .15s}.my-panel .my-op:hover{color:var(--brand-text);border-color:var(--brand)}.my-panel .my-code{font-family:var(--font-mono, ui-monospace, monospace);font-size:13.5px;font-weight:700;color:var(--brand-text);overflow-wrap:anywhere}.my-panel .my-code.is-expired{color:var(--text-3);text-decoration:line-through}.my-panel .my-tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--line);color:var(--text-3)}.my-panel .my-empty{margin:0;padding:14px 16px;border:1px dashed var(--line);border-radius:12px;font-size:13px;color:var(--text-3)}.my-panel .my-empty[hidden]{display:none}.my-panel .my-note{margin:2.25rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-3)}.my-panel .my-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}.my-panel .my-nav{position:sticky;top:84px;display:grid;gap:4px}.my-panel .my-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:none;color:var(--text-2);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}.my-panel .my-tab:hover{background:var(--bg-1);color:var(--text-0)}.my-panel .my-tab.is-active{background:var(--brand-glow-faint);color:var(--brand-text);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.my-panel .my-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;border-radius:999px;background:var(--brand-solid);color:var(--bg-0, #fff);font-size:10.5px;font-weight:700;line-height:1;flex:0 0 auto}.my-panel .my-tab-count[hidden],.my-panel .my-sec[hidden]{display:none}.my-panel .my-content .my-sec:last-child{margin-bottom:0}@media(max-width:640px){.my-panel .my-item{flex-wrap:wrap}.my-panel .my-item-main{flex-basis:calc(100% - 40px)}}@media(max-width:760px){.my-panel .my-layout{grid-template-columns:minmax(0,1fr);gap:16px}.my-panel .my-nav{position:static;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.my-panel .my-nav::-webkit-scrollbar{display:none}.my-panel .my-tab{white-space:nowrap;flex:0 0 auto;padding:8px 14px}}
