:root{--bg:#f7f9fc;--card:#fff;--ink:#0f172a;--muted:#6b7280;--line:#e5e7eb;--brand:#2566b8;--brand-600:#1f56a0;--r-lg:16px;--r-md:12px;--shadow:0 8px 24px rgba(15, 23, 42, .06);--shadow-2:0 16px 38px rgba(15, 23, 42, .12)}.p2-container{max-width:1040px;margin:32px auto;padding:0 16px}.p2-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;background:var(--card);box-shadow:var(--shadow)}.p2-bar-left{display:flex;gap:14px;align-items:center}.p2-avatar-wrap{position:relative;width:180px;height:180px}.p2-avatar{width:100%;height:100%;object-fit:cover;border-radius:22px;border:1px solid var(--line);background:#f3f5f8}.p2-change-photo{position:absolute;right:6px;bottom:6px;font-size:.7rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 8px;cursor:pointer}.p2-id h1{margin:0;font-size:1.4rem;font-weight:800;color:var(--ink);letter-spacing:.2px}.p2-sub{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted)}.p2-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#f3f5f8;font-size:.8rem}.p2-pill-brand{border-color:#d6e3f5;background:#eaf3ff;color:var(--brand);font-weight:700}.p2-tabs{margin-top:14px;display:flex;gap:6px;border-bottom:1px solid var(--line)}.p2-tab{border:none;background:0 0;padding:10px 12px;border-radius:10px 10px 0 0;cursor:pointer;font-weight:800;color:#344051}.p2-tab:hover{background:#f0f4fa}.p2-tab-active{background:#eaf3ff;color:var(--brand);border:1px solid #d6e3f5;border-bottom-color:transparent}.p2-panel{display:none}.p2-panel-active{display:block}.p2-form{border:1px solid var(--line);border-radius:0 12px 12px;background:#fff;box-shadow:var(--shadow);padding:16px;margin-top:-1px}.p2-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:680px){.p2-row{grid-template-columns:1fr}}label{display:grid;gap:6px;font-weight:700;color:var(--ink)}input,select{padding:10px 12px;border:1.4px solid var(--line);border-radius:10px;background:#fff;transition:border-color .16s,box-shadow .16s}input:focus,select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,102,184,.14)}.p2-actions{margin-top:6px}.p2-help{margin:.5rem 0 0;color:var(--muted)}.p2-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.p2-list-head h2{margin:0;font-size:1.05rem;font-weight:800}.p2-dogs{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.p2-dogs .p2-item{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line)}.p2-dogs .p2-item:first-child{border-top:0}.p2-dogs .p2-thumb{object-fit:cover;background:#f3f5f8;border:1px solid var(--line)}.p2-dogs .p2-text{display:grid;gap:2px}.p2-dogs .p2-name{font-weight:800;color:var(--ink)}.p2-dogs .p2-sub{font-size:.9rem;color:var(--muted)}.p2-dogs .p2-chip{height:fit-content;font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--line);border-radius:999px;align-content:center;align-self:center;background:#e2ecfc}.p2-dogs .p2-actions{display:flex;gap:12px}.p2-dogs .p2-item:hover{background:#fbfdff}.p2-skeleton-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}.p2-sk{height:62px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(90deg,#f2f5fb 25%,#e6eefb 37%,#f2f5fb 63%);background-size:400% 100%;animation:1.1s ease-in-out infinite p2shine}@keyframes p2shine{0%{background-position:100% 0}100%{background-position:0 0}}.p2-empty{border:1px dashed var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:22px;text-align:center;display:grid;gap:6px;justify-items:center}.p2-empty img{width:64px;height:64px;opacity:.75}.p2-hidden{display:none!important}.p2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:800;transition:background .16s,border-color .16s,filter .16s,transform .12s,box-shadow .16s}.p2-btn:hover{background:#f6f8fd}.p2-btn:active{transform:translateY(1px)}.p2-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(37,102,184,.25);display:inline-flex;align-items:center;justify-content:center;margin:10px 0;padding:10px 14px;border-radius:10px;border:1px solid var(--line);cursor:pointer;font-weight:800;transition:background .16s,border-color .16s,filter .16s,transform .12s,box-shadow .16s}.p2-btn-primary:hover{filter:brightness(.9)}.p2-btn-ghost{background:#fff}.p2-btn-danger{color:#991b1b;background:#fff1f2;border-color:#fecaca}.p2-btn-danger:hover{background:#ffe4e6;border-color:#fca5a5}.p2-btn-sm{padding:8px 12px}.p2-btn-xs{padding:6px 10px;font-weight:700}.sheet{border:none;padding:0;margin:0;width:min(720px,96vw);background:#fff;border-radius:16px;box-shadow:var(--shadow-2)}.sheet:modal{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);max-height:90vh;overflow:hidden auto;animation:.16s ease-out pop}@keyframes pop{from{transform:translate(-50%,-52%) scale(.985);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.sheet::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}.sheet-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}.sheet-head h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--ink)}.sheet-head .icon{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.sheet-head .icon:hover{background:#f6f8fd}.sheet-body{display:grid;grid-template-columns:260px 1fr;gap:16px;padding:14px}@media (max-width:760px){.sheet-body{grid-template-columns:1fr}}.ph{width:100%;aspect-ratio:3/2;max-height:240px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#f3f5f8}.ph img{width:100%;height:100%;object-fit:cover}.sheet-body .right .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet-body label{display:grid;gap:6px;font-weight:700;color:var(--ink)}.sheet-body input,.sheet-body select{padding:10px 12px;border:1.4px solid var(--line);border-radius:10px;background:#fff;transition:border-color .16s,box-shadow .16s}.sheet-body input:focus,.sheet-body select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,102,184,.14)}.sheet-foot{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:#fff}.sheet-foot .spacer{display:block}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.p2-dogs .p2-item{grid-template-columns:120px 1fr auto;min-height:110px;padding:12px 14px}.p2-dogs .p2-thumb{width:120px;height:90px;border-radius:12px}@media (max-width:720px){.p2-avatar-wrap{width:150px;height:150px}}@media (max-width:520px){.sheet-body .right .row{grid-template-columns:1fr}.p2-avatar-wrap{width:120px;height:120px}.p2-dogs .p2-item{grid-template-columns:96px 1fr auto}.p2-dogs .p2-thumb{width:96px;height:72px}}.sheet .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800;cursor:pointer;transition:background .16s,border-color .16s,filter .16s,transform .12s,box-shadow .16s}.sheet .btn:hover{background:#f6f8fd}.sheet .btn:active{transform:translateY(1px)}.sheet .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(37,102,184,.25)}.sheet .btn.primary:hover{filter:brightness(.98)}.sheet .btn.ghost{background:#fff}.sheet .btn.danger{color:#991b1b;background:#fff1f2;border-color:#fecaca}.sheet .btn.danger:hover{background:#ffe4e6;border-color:#fca5a5}.sheet .btn.sm{padding:8px 12px}.sheet .btn.xs{padding:6px 10px;font-weight:700}