:root {
  --huiyu-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --huiyu-ink: #20344f;
  --huiyu-muted: #526781;
  --huiyu-line: #cbd8e8;
  --huiyu-glass: rgba(255, 255, 255, .82);
  --huiyu-brand: #2668cc;
  --huiyu-shadow: 0 12px 36px rgba(70, 100, 149, .09);
  --huiyu-background: radial-gradient(ellipse at 8% 0, #dbeaff, transparent 52%), radial-gradient(ellipse at 95% 25%, #eee4ff, transparent 52%), radial-gradient(ellipse at 45% 95%, #e2f4f2, transparent 55%), #f1f5fb;
}
/* Source palettes inherit only inside the shared admin workspace. */
:is(.huiyu-native-content, .native-component-root) {
  font-family: var(--huiyu-font);
  color: var(--huiyu-ink);
  --background: transparent;
  --foreground: var(--huiyu-ink);
  --brand: var(--huiyu-brand);
  --muted: var(--huiyu-muted);
  --border: var(--huiyu-line);
  --ink: var(--huiyu-ink);
  --ink-soft: #354c69;
  --ink-muted: var(--huiyu-muted);
  --ink-faint: var(--huiyu-muted);
  --line: var(--huiyu-line);
  --canvas: transparent;
  --panel: #edf3fc;
  --panel-strong: #e4eefb;
  --surface: var(--huiyu-glass);
  --blue: var(--huiyu-brand);
  --cobalt: var(--huiyu-brand);
  --accent: #dceaff;
  --accent-strong: #c7ddfa;
  --font-sans: var(--huiyu-font);
}
/* Native documents and mounted original pages share chrome; business toolbars stay visible. */
:is(.huiyu-native-content, .native-component-root) :is(.public-header, .collection-header, .integration-header, .mall-admin-header) > .brand { display: none; }
:is(.huiyu-native-content, .native-component-root) .admin-page > .admin-sidebar,
:is(.huiyu-native-content, .native-component-root) .admin-page > .admin-main > .admin-topbar { display: none; }
:is(.huiyu-native-content, .native-component-root) .mall-admin-header nav :is(a[href^="/admin/"], a[href^="/goods/admin/"]) { display: none; }
:is(.huiyu-native-content, .native-component-root) :is(.public-header, .collection-header, .integration-header) { position: static; height: auto; min-height: 0; margin: 0 0 16px; padding: 0; justify-content: flex-end; border: 0; background: transparent; backdrop-filter: none; }
:is(.huiyu-native-content, .native-component-root) .mall-admin-header { height: auto; min-height: 0; padding: 10px 0; border: 0; background: transparent; backdrop-filter: none; }
:is(.huiyu-native-content, .native-component-root) .mall-admin-header nav { display: flex; gap: 12px; flex-wrap: wrap; }
:is(.huiyu-native-content, .native-component-root) .mall-admin-page { background: transparent; min-height: 0; }
:is(.huiyu-native-content, .native-component-root) :is(.admin-page, .account-page, .template-studio, .template-manager, .integration-page) { background: transparent; color: var(--huiyu-ink); min-height: 0; max-width: none; }
.huiyu-native-content > .admin-page, .native-component-root .admin-page:has(> .admin-sidebar) { display: block; }
:is(.huiyu-native-content, .native-component-root) .admin-page > .admin-main { margin-left: 0; width: auto; min-width: 0; }
:is(.huiyu-native-content, .native-component-root) :is(.mall-admin-page, .integration-page, .dashboard-content, .account-content, .template-studio-main, .template-manager-main) { max-width: none; margin-inline: 0; padding: 0 0 24px; }
:is(.huiyu-native-content, .native-component-root) .mall-admin-main { max-width: none; padding: 20px; border: 1px solid var(--huiyu-line); border-radius: 18px; background: var(--huiyu-glass); }
:is(.huiyu-native-content, .native-component-root) .mall-admin-main > h1 { font-size: 22px; margin-top: 0; }
.native-component-root .mall-admin-main > h1 { display: none; }
:is(.huiyu-native-content, .native-component-root) .mall-grid2 { gap: 16px; }
:is(.huiyu-native-content, .native-component-root) :is(.surface-card, .admin-card, .account-card, .collection-card, .mall-card, .settings-card, .stat-card, .integration-card, .integration-ocr-control, .template-manager-card, .template-panel, .template-studio-toolbar, .wechat-share-settings, .map-settings, .landmark-settings, .view-settings, .editor, .robot-card, .route-editor, .user-detail, .interaction-card, .teacher-home-card, .model-center-key-card, .model-center-assignment-card, .model-center-detail) { background: var(--huiyu-glass); border-color: var(--huiyu-line); border-radius: 18px; box-shadow: var(--huiyu-shadow); }
:is(.huiyu-native-content, .native-component-root) :is(.template-studio-heading p, .template-panel-heading small, .template-library-note, .template-library-group h3, .template-manager-description, .account-heading p, .mall-admin-sub, .admin-page-intro p, .admin-card-header span, .model-center-help) { color: var(--huiyu-muted); }
:is(.huiyu-native-content, .native-component-root) :is(.button-secondary, .button-ghost, .muted-link) { color: var(--huiyu-brand); }
:is(.huiyu-native-content, .native-component-root) .button-secondary { border-color: var(--huiyu-line); background: rgba(255,255,255,.92); }
:is(.huiyu-native-content, .native-component-root) :is(.button-primary, .btn-primary):hover:not(:disabled) { background: #2459a3; color: white; }
.native-component-root :is(.native-teacher, .native-external-interfaces, .native-teacher-interfaces, .native-material-library) { font-family: var(--huiyu-font); color: var(--huiyu-ink); min-width: 0; }
.native-component-root :is(.native-teacher, .native-external-interfaces, .native-teacher-interfaces, .native-material-library) :is(.card, .admin-card, .panel, .settings-card, .credential-principles > div, .model-center-priority > li) { background: var(--huiyu-glass); border-color: var(--huiyu-line); border-radius: 18px; box-shadow: var(--huiyu-shadow); }
.native-component-root .native-wenlv :is(.settings-card, .map-settings, .landmark-settings, .view-settings, .editor, .robot-card, .route-editor, .user-detail, .interaction-card, .stat-card, .sidebar, .overview-grid button) { border-radius: 18px; }
.native-component-root .native-wenlv .sidebar { background: var(--huiyu-glass); border-color: var(--huiyu-line); }
.native-component-root .native-material-library :is(.asset-card, .asset-alert) { background: var(--huiyu-glass); border-color: var(--huiyu-line); border-radius: 18px; box-shadow: var(--huiyu-shadow); }
.native-component-root .native-material-library :is(.asset-help, .asset-filters label, .asset-form .form-field, .asset-card-body small) { color: var(--huiyu-muted); }
.native-component-root :is(.native-miniapps, .native-teacher) { background: transparent; color: var(--huiyu-ink); min-width: 0; height: auto; }
.native-component-root .native-miniapps :is(.shell, .workspace, .content) { display: block; background: transparent; min-width: 0; width: 100%; min-height: 0; }
.native-component-root .native-miniapps .content { padding: 0; }
.native-component-root .knowledge-robots-admin .kr-header h1 { display: none; }
.native-component-root .native-miniapps :is(.panel, .metric, .modal, .app-picker-dialog) { background: var(--huiyu-glass); border: 1px solid var(--huiyu-line); border-radius: 18px; box-shadow: var(--huiyu-shadow); }
.native-component-root .native-miniapps .panel { margin: 18px 0; padding: 20px; }
.native-component-root .native-miniapps .panel-head { height: auto; padding: 0 0 16px; gap: 16px; flex-wrap: wrap; background: transparent; }
.native-component-root .native-miniapps :is(.notice-info, .tag-blue) { background: #edf4ff; border-color: #ccdcf3; color: #34567e; }
.native-component-root .native-miniapps :is(.btn-primary, .btn-primary:hover) { background: var(--huiyu-brand); border-color: var(--huiyu-brand); color: white; }
.native-component-root .native-miniapps :is(.btn-plain, .btn-plain:hover) { background: #fff; border-color: var(--huiyu-line); color: var(--huiyu-ink); }
.native-component-root .native-miniapps .form-field :is(input, select, textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) { border-color: var(--huiyu-line); border-radius: 10px; color: var(--huiyu-ink); }
:is(body.huiyu-glass, body.native-portal, body[data-native-portal="1"], .shell.native-portal, main.huiyu-glass) {
  font-family: var(--huiyu-font);
  color: var(--huiyu-ink);
  background: var(--huiyu-background);
  min-height: 100dvh;
  font-synthesis: none;
  --ink: var(--huiyu-ink);
  --muted: var(--huiyu-muted);
  --line: var(--huiyu-line);
  --surface: var(--huiyu-glass);
  --blue: var(--huiyu-brand);
  --shadow: var(--huiyu-shadow);
}
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(input, select, textarea, button) { font-family: inherit; }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.workspace, .content, .admin-main, .native-admin-shell, .account-page, .teacher-core-shell, .teacher-core-main) { background: transparent; min-width: 0; }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.panel, .card, .metric, .stat-card, .account-card, .collection-card, .mall-card, .settings-card, .admin-card, .teacher-core-card, .modal, .modal-content, dialog, [role="dialog"], [class~="bg-white"]) {
  background: var(--huiyu-glass);
  border-color: var(--huiyu-line);
  border-radius: 18px;
  box-shadow: var(--huiyu-shadow);
}
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.topbar, .admin-toolbar, .mall-admin-header, .teacher-core-topbar, .page-tabs, .ai-tool-tabs) {
  background: rgba(255,255,255,.76);
  border-color: var(--huiyu-line);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]) {
  background-color: rgba(255,255,255,.92);
  border-color: #b9cade;
  border-radius: 10px;
  color: var(--huiyu-ink);
}
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):is([aria-invalid="true"], .invalid, .is-invalid) { border-color: #c24150; }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(button, .button, .btn) { border-radius: 10px; touch-action: manipulation; }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.btn-primary, .button-primary, button.primary, button[class~="bg-ink"]) {
  background: linear-gradient(135deg, #3673c8, #285ea9);
  border-color: var(--huiyu-brand);
  color: white;
}
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #286ac3;
  outline-offset: 3px;
}
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(th, thead) { background-color: #eaf0f9; color: #3c526f; }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) td { border-color: #dce5f0; }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) tbody tr:hover { background: rgba(233,242,255,.65); }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.muted, .studio-muted, .silk-tour-caption, .settings-intro, .form-field small, .breadcrumbs) { color: var(--huiyu-muted); }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) ::placeholder { color: #61768f; opacity: 1; }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) dialog::backdrop { background: rgba(26,45,76,.38); backdrop-filter: blur(4px); }
:is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) .native-workspace { background: var(--huiyu-background); border-color: var(--huiyu-line); }
:is(.huiyu-native-content, .native-component-root) :is(.mall-table, .data-table, .admin-table, table) { background: rgba(255,255,255,.78); border-color: var(--huiyu-line); }
:is(.huiyu-glass, .huiyu-native-content) :is(.workspace-context, .workspace-tabs, .capability-categories) { border-color: var(--huiyu-line); background: rgba(255,255,255,.76); }
:is(.huiyu-glass, .huiyu-native-content) :is(.workspace-tabs, .capability-categories) button[aria-current="page"] { background: #fff; color: var(--huiyu-brand); box-shadow: 0 3px 14px #426aa314; }
:is(.huiyu-glass, .huiyu-native-content) .workspace-links a { color: var(--huiyu-brand); }
@media (max-width: 640px) {
  :is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.filters, .top-actions, .account-heading-actions, .admin-toolbar) { flex-wrap: wrap; gap: 10px; }
  :is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.modal, dialog) { max-width: calc(100vw - 24px); max-height: 90dvh; overflow: auto; }
  :is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) :is(.panel, .account-card, .admin-card) { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) *, :is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) *::before, :is(.huiyu-glass, .native-portal, [data-native-portal="1"], .huiyu-native-content, .native-component-root) *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
}