    .wrap{max-width:1040px;}
    .top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      padding:14px 16px;
      border-radius:16px;
      background:#fff;
      border:1px solid rgba(148,163,184,.25);
      box-shadow:var(--shadow);
      margin-bottom:12px;
    }
    .brand{display:flex;align-items:center;gap:12px;}
    .brand-logo{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.08);overflow:hidden;}
    .brand-logo img{width:70%;height:70%;object-fit:contain;}
    .top .t1{font-weight:800;font-size:16px;letter-spacing:.3px;}
    .top .t2{font-size:12px;color:#64748b;}
    .top-actions-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
    .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-top:14px;}
    .card h2{margin:0 0 10px;font-size:18px;font-weight:800;}
    .form-grid{display:grid;gap:10px;margin-top:8px;}
    .form-grid label{display:grid;gap:6px;font-weight:700;font-size:13px;color:#374151;}
    .form-grid input{padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:14px;}
    .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap;}
    .back-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);}
    .save-btn{border:none;border-radius:12px;padding:10px 16px;font-weight:800;background:linear-gradient(135deg,#18a168,#1095d6);color:#fff;cursor:pointer;box-shadow:0 10px 20px rgba(16,149,214,.25);}
    .hint{font-size:12px;color:#6b7280;line-height:1.6;margin-top:6px;}
    @media(max-width:640px){
      .top{flex-wrap:nowrap;overflow-x:auto;gap:10px;}
      .top::-webkit-scrollbar{display:none;}
      .top-actions-right{flex-wrap:nowrap;gap:8px;}
      .top-actions-right .member-menu button,
      .top-actions-right .auth-widget,
      .top-actions-right .nav-btn{
        min-width:110px;
        height:46px;
        padding:8px 12px;
      }
      .brand{min-width:200px;}
    }
    .top-actions-right{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .top-actions-right .member-menu button,
    .top-actions-right .auth-widget,
    .top-actions-right .nav-btn{
      min-height:46px;
      height:46px;
      padding:8px 12px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .nav-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:8px 14px;
      border-radius:999px;
      border:1px solid var(--line);
      background:#fff;
      color:#0f172a;
      font-weight:800;
      text-decoration:none;
      box-shadow:0 8px 18px rgba(15,23,42,.08);
      transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
      font-size:13px;
    }
    .nav-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.12);border-color:rgba(24,161,104,.35);}
  
