/* ============================================================
 * minimal 主题 — 方案A：极简登录卡片
 * 作用域: 仅登录页(.page-content.user.signin), 不影响登录后界面
 * 背景 #f6f8fa / 白卡片圆角12 / 品牌绿按钮 / 聚焦绿光环
 * ============================================================ */

/* 隐藏导航与页脚 */
#navbar, .navbar, nav.navbar { display: none !important; }
#footer, footer, .page-footer { display: none !important; }

/* 页面: 浅色背景 + 整页居中 */
.page-content.user.signin {
  background: #f6f8fa !important;
  min-height: 100vh;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 容器: 收窄成卡片宽度 */
.ui.middle.very.relaxed.page.grid {
  margin: 0 auto !important;
  padding: 24px !important;
  width: 100% !important;
  max-width: 400px;
}

/* 顶部 logo 区: 透明底, 与卡片贴合 */
.page-content.user.signin .ui.top.attached.header {
  margin-bottom: 10px !important;
  background: transparent !important;
  border: 0 !important;
  text-align: center;
}

/* 登录卡片: 白底 圆角 柔和阴影 */
.page-content.user.signin .ui.attached.segment {
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
  padding: 28px !important;
}

/* 输入框: 浅描边 聚焦品牌绿 */
.page-content.user.signin input[type="text"],
.page-content.user.signin input[type="password"] {
  border-radius: 8px !important;
  border: 1px solid #d0d7de !important;
  padding: 10px 12px !important;
  background: #fff !important;
  transition: border-color .15s, box-shadow .15s;
}
.page-content.user.signin input[type="text"]:focus,
.page-content.user.signin input[type="password"]:focus {
  border-color: #2da44e !important;
  box-shadow: 0 0 0 3px rgba(45,164,78,.15) !important;
  outline: none !important;
}

/* 登录按钮: 品牌绿渐变 */
.page-content.user.signin .ui.primary.button {
  background: linear-gradient(180deg, #34a853 0%, #2da44e 100%) !important;
  border-radius: 8px !important;
  padding: 11px !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(45,164,78,.3) !important;
  transition: filter .15s, transform .05s;
}
.page-content.user.signin .ui.primary.button:hover { filter: brightness(1.06) !important; }
.page-content.user.signin .ui.primary.button:active { transform: translateY(1px); }