/* 客户可见页面：沿用 HGFAST 调色板，放宽终端用户的触达密度与层级表现。 */
.public{
  --public-radius-control:8px;
  --public-radius-card:16px;
  --public-shadow-card:0 4px 16px rgba(21,32,30,.08);
  --public-shadow-overlay:0 16px 40px rgba(21,32,30,.18);
  --radius-sm:var(--public-radius-control);
  --radius-md:var(--public-radius-card);
  --shadow-card:var(--public-shadow-card);
  --shadow-overlay:var(--public-shadow-overlay);
}

.public .brand{font-size:14px}
.public .brand-mark{border-radius:9px}
.public .card{border-color:var(--rule-2);padding:20px}
.public .btn{height:36px;padding:0 16px}
.public .input,.public .select{height:38px;padding:0 10px}
.public .textarea{padding:10px}
.public .badge{border-radius:999px;height:24px;padding:0 9px}
.public .callout{border-radius:10px;padding:12px 14px}
.public.widget-shell #send{height:36px;background:var(--act);border-color:var(--act);color:#fff}
.public.widget-shell #send:hover{background:var(--act-hover);border-color:var(--act-hover)}

@media(max-width:420px){
  .public .card{padding:16px}
  .public .btn{padding-left:12px;padding-right:12px}
  .portal-head{height:auto;min-height:60px;flex-wrap:wrap;gap:8px;padding:10px 12px}
  .portal-head>.row-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .portal{width:calc(100% - 20px);padding:28px 0}
  .portal-hero{margin-bottom:20px}
  .portal-hero h1{font-size:28px}
  .portal-hero p{font-size:15px}
}