/* ========================================
   企业化浅色主题 - Enterprise Light Theme
   去除圆角 · 浅色系 · 专业布局
   ======================================== */

/* === CSS Variables === */
:root {
  --ep-primary: #1a56db;
  --ep-primary-hover: #1648c0;
  --ep-primary-light: #e8effd;
  --ep-secondary: #374151;
  --ep-bg: #f3f4f6;
  --ep-surface: #ffffff;
  --ep-border: #e5e7eb;
  --ep-text: #111827;
  --ep-text-secondary: #6b7280;
  --ep-text-muted: #9ca3af;
  --ep-header-bg: #ffffff;
  --ep-sidebar-bg: #ffffff;
  --ep-sidebar-border: #e5e7eb;
  --ep-success: #059669;
  --ep-warning: #d97706;
  --ep-danger: #dc2626;
  --ep-info: #0284c7;
  --ep-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  --ep-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.04);
}

/* === Global Reset: Remove All Border Radius === */
*,
*::before,
*::after {
  border-radius: 0 !important;
}

/* === Body Background === */
body {
  background-color: var(--ep-bg) !important;
  color: var(--ep-text) !important;
}

/* ============================
   FRONTEND - MDUI Overrides
   ============================ */

/* --- Header / AppBar --- */
.mdui-appbar,
.mdui-appbar-fixed {
  background-color: var(--ep-header-bg) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--ep-border) !important;
}

.mdui-appbar .mdui-toolbar {
  background-color: var(--ep-header-bg) !important;
}

.mdui-appbar .mdui-toolbar .mdui-typo-headline,
.mdui-appbar .mdui-toolbar .mdui-typo-title {
  color: var(--ep-text) !important;
  font-weight: 600;
}

.mdui-appbar .mdui-btn i {
  color: var(--ep-text-secondary) !important;
}

/* --- Drawer / Sidebar --- */
.mc-drawer.mdui-drawer {
  background-color: var(--ep-sidebar-bg) !important;
  border-right: 1px solid var(--ep-sidebar-border) !important;
  box-shadow: none !important;
}

.mc-drawer .mdui-card-media {
  background: var(--ep-primary) !important;
}

.mc-drawer .mdui-card-media-covered {
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.3)) !important;
}

.mc-drawer .mdui-card-media-covered .mdui-typo-title {
  color: #ffffff !important;
  font-weight: 500;
}

/* Sidebar menu items */
#menu .mdui-list-item,
.mdui-collapse-item-header,
#categorys .mdui-list-item {
  border-radius: 0 !important;
  color: var(--ep-text-secondary) !important;
  transition: all 0.15s ease;
}

#menu .mdui-list-item:hover,
#categorys .mdui-list-item:hover {
  background-color: var(--ep-primary-light) !important;
  color: var(--ep-primary) !important;
}

#menu .mdui-list-item .mdui-list-item-icon,
#categorys .mdui-list-item .mdui-list-item-icon {
  color: var(--ep-text-muted);
}

#menu .mdui-list-item:hover .mdui-list-item-icon,
#categorys .mdui-list-item:hover .mdui-list-item-icon {
  color: var(--ep-primary);
}

.mc-drawer .copyright p,
.mc-drawer .copyright a {
  color: var(--ep-text-muted) !important;
}

.mc-drawer .copyright a:hover {
  color: var(--ep-primary) !important;
}

/* --- Cards (API List) --- */
.mdui-card {
  border-radius: 0 !important;
  box-shadow: var(--ep-shadow) !important;
  border: 1px solid var(--ep-border) !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.mdui-card:hover {
  box-shadow: var(--ep-shadow-md) !important;
  border-color: var(--ep-primary) !important;
}

.mdui-card-primary-title {
  color: var(--ep-text) !important;
  font-weight: 600 !important;
}

.mdui-card-primary-subtitle {
  color: var(--ep-text-secondary) !important;
  font-size: 13px !important;
}

.mdui-card-content {
  color: var(--ep-text-secondary) !important;
  font-size: 14px;
  line-height: 1.6;
}

.mdui-card-actions .mdui-btn {
  color: var(--ep-primary) !important;
  font-weight: 500;
}

.mdui-card-actions .mdui-btn:hover {
  background-color: var(--ep-primary-light) !important;
}

/* --- Badges --- */
.mdui-badge {
  border-radius: 0 !important;
  font-size: 11px !important;
  padding: 2px 6px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

/* --- Buttons --- */
.mdui-btn {
  border-radius: 0 !important;
}

.mdui-btn:hover {
  opacity: 0.9;
}

/* --- Dialog / Modal --- */
.mdui-dialog {
  border-radius: 0 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
}

.mdui-dialog-title {
  border-bottom: 1px solid var(--ep-border);
}

/* --- Search input --- */
.mdui-textfield-input {
  border-bottom: 1px solid var(--ep-border) !important;
}

.mdui-textfield-input:focus {
  border-bottom-color: var(--ep-primary) !important;
}

/* --- Progress/loading --- */
.mdui-progress {
  border-radius: 0 !important;
}

/* --- Table --- */
.mdui-table-fluid {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
}

/* --- FAB (back to top) --- */
.mdui-fab {
  border-radius: 0 !important;
  background-color: var(--ep-primary) !important;
}

/* --- Footer --- */
.wrapper .line {
  border-color: var(--ep-border) !important;
}

.wrapper .content {
  color: var(--ep-text-muted) !important;
}

/* --- Announcement bar --- */
.notice-item {
  border-radius: 0 !important;
  border-left: 4px solid var(--ep-primary) !important;
  background-color: var(--ep-primary-light) !important;
  box-shadow: none !important;
}

/* --- Menu --- */
.mdui-menu {
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  border: 1px solid var(--ep-border) !important;
}

.mdui-menu-item a {
  color: var(--ep-text-secondary) !important;
}

.mdui-menu-item a:hover {
  background-color: var(--ep-primary-light) !important;
  color: var(--ep-primary) !important;
}

/* --- Color theme overrides --- */
.mdui-color-indigo {
  background-color: var(--ep-header-bg) !important;
}

.mdui-color-theme {
  background-color: var(--ep-primary) !important;
}

.mdui-text-color-theme {
  color: var(--ep-primary) !important;
}

/* --- Toolbar --- */
.mdui-toolbar {
  min-height: 56px;
}

/* --- Login Dialog --- */
.mc-login .mdui-dialog-title {
  background-color: var(--ep-primary) !important;
}

#login .mdui-btn.mdui-color-theme-accent {
  background-color: var(--ep-primary) !important;
}

/* --- Sidebar trigger button --- */
.mdui-drawer-close {
  box-shadow: none !important;
}

/* ============================
   ADMIN - Bootstrap Overrides
   ============================ */

/* Sidebar */
.lyear-layout-sidebar {
  background-color: var(--ep-sidebar-bg) !important;
  border-right: 1px solid var(--ep-sidebar-border) !important;
}

.sidebar-header {
  background-color: var(--ep-sidebar-bg) !important;
  border-bottom: 1px solid var(--ep-border) !important;
  padding: 16px !important;
}

.sidebar-header a img {
  filter: none !important;
}

.nav-drawer .nav-item > a {
  color: var(--ep-text-secondary) !important;
  border-left: 3px solid transparent !important;
  transition: all 0.15s ease;
}

.nav-drawer .nav-item > a:hover,
.nav-drawer .nav-item.active > a {
  background-color: var(--ep-primary-light) !important;
  color: var(--ep-primary) !important;
  border-left-color: var(--ep-primary) !important;
}

.nav-drawer .nav-item > a i {
  color: var(--ep-text-muted);
}

.nav-drawer .nav-item > a:hover i,
.nav-drawer .nav-item.active > a i {
  color: var(--ep-primary);
}

.nav-subnav a {
  color: var(--ep-text-secondary) !important;
  padding-left: 40px !important;
}

.nav-subnav a:hover {
  background-color: var(--ep-primary-light) !important;
  color: var(--ep-primary) !important;
}

/* Header */
.lyear-layout-header {
  background-color: var(--ep-header-bg) !important;
  border-bottom: 1px solid var(--ep-border) !important;
  box-shadow: none !important;
}

.lyear-layout-header .navbar {
  background-color: transparent !important;
}

.lyear-layout-header .navbar .icon-item {
  color: var(--ep-text-secondary) !important;
}

/* Main content */
.lyear-layout-content {
  background-color: var(--ep-bg) !important;
}

/* Card overrides */
.card {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
  box-shadow: var(--ep-shadow) !important;
}

.card-header {
  border-radius: 0 !important;
  background-color: #fafafa !important;
  border-bottom: 1px solid var(--ep-border) !important;
  font-weight: 600 !important;
  color: var(--ep-text) !important;
}

.card-body {
  background-color: #ffffff;
}

/* Buttons */
.btn {
  border-radius: 0 !important;
}

.btn-primary {
  background-color: var(--ep-primary) !important;
  border-color: var(--ep-primary) !important;
}

.btn-primary:hover {
  background-color: var(--ep-primary-hover) !important;
  border-color: var(--ep-primary-hover) !important;
}

/* Form controls */
.form-control {
  border-radius: 0 !important;
  border-color: var(--ep-border) !important;
}

.form-control:focus {
  border-color: var(--ep-primary) !important;
  box-shadow: 0 0 0 2px rgba(26, 86, 219, 0.1) !important;
}

/* Tables */
.table,
.param-table {
  border-radius: 0 !important;
}

.table th,
.param-table th {
  border-color: var(--ep-border) !important;
  background-color: #fafafa !important;
  font-weight: 600 !important;
  color: var(--ep-text) !important;
}

.table td,
.param-table td {
  border-color: var(--ep-border) !important;
  color: var(--ep-text-secondary) !important;
}

/* Dropdown */
.dropdown-menu {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.dropdown-item:hover {
  background-color: var(--ep-primary-light) !important;
  color: var(--ep-primary) !important;
}

/* Pagination */
.page-link {
  border-radius: 0 !important;
  color: var(--ep-text-secondary) !important;
  border-color: var(--ep-border) !important;
}

.page-item.active .page-link {
  background-color: var(--ep-primary) !important;
  border-color: var(--ep-primary) !important;
}

/* Alerts */
.alert {
  border-radius: 0 !important;
  border-left: 4px solid;
}

.alert-danger {
  border-left-color: var(--ep-danger);
}

.alert-success {
  border-left-color: var(--ep-success);
}

.alert-warning {
  border-left-color: var(--ep-warning);
}

.alert-info {
  border-left-color: var(--ep-info);
}

/* Modal */
.modal-content {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
}

.modal-header {
  border-bottom: 1px solid var(--ep-border) !important;
  background-color: #fafafa !important;
}

.modal-footer {
  border-top: 1px solid var(--ep-border) !important;
}

/* Badge / Status */
.badge {
  border-radius: 0 !important;
  font-weight: 500 !important;
}

.status-badge {
  border-radius: 0 !important;
}

/* ============================
   USER CENTER - Login / Register
   ============================ */

body.center-vh {
  background-color: var(--ep-bg) !important;
  background-image: none !important;
}

.card.card-shadowed {
  border: 1px solid var(--ep-border) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
  border-radius: 0 !important;
}

.card.card-shadowed .btn-primary {
  background-color: var(--ep-primary) !important;
  border-color: var(--ep-primary) !important;
}

.captcha-img {
  border-radius: 0 !important;
}

/* ============================
   API DETAIL (doc.php) Overrides
   ============================ */

.api-detail-container .api-card.card {
  border: 1px solid var(--ep-border) !important;
  box-shadow: var(--ep-shadow) !important;
}

.api-detail-container .api-card .card-header {
  background-color: #fafafa !important;
  border-bottom: 1px solid var(--ep-border) !important;
}

.url-box {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
  background-color: #f9fafb !important;
}

.response-area {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
}

.code-panel pre {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
}

.tab-btn {
  border-radius: 0 !important;
}

.tab-btn.active {
  border-bottom-color: var(--ep-primary) !important;
  color: var(--ep-primary) !important;
}

/* Floating API Switcher (doc) */
.floating-btn {
  border-radius: 0 !important;
  background-color: var(--ep-primary) !important;
}

.api-list-container {
  border-radius: 0 !important;
  border: 1px solid var(--ep-border) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.api-item {
  border-bottom: 1px solid var(--ep-border) !important;
}

.api-item:hover {
  background-color: var(--ep-primary-light) !important;
}

.api-item.active {
  background-color: var(--ep-primary-light) !important;
  color: var(--ep-primary) !important;
}

/* ============================
   Scrollbar
   ============================ */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* ============================
   Responsive
   ============================ */
@media (max-width: 768px) {
  .mdui-appbar .mdui-toolbar {
    padding: 0 8px;
  }

  .api-card-item .mdui-card-primary-title {
    font-size: 16px;
  }
}