/*
 * MEOW Doodle Theme
 * 手绘线条 / 动漫画风 / 可爱风
 * Font: place HYTiaoTiaoTi.ttf in ./fonts/ to enable the uploaded font site-wide.
 */
@font-face {
  font-family: 'HYTiaoTiaoTi';
  src: local('HYTiaoTiaoTi'), local('HYTiaoTiaoTi Regular'), url('./fonts/HYTiaoTiaoTi.ttf') format('truetype');
  font-display: swap;
}

:root {
  --doodle-font: 'HYTiaoTiaoTi', 'Comic Sans MS', 'Marker Felt', 'Segoe Print', cursive, sans-serif;
  --doodle-ink: #3c2d46;
  --doodle-muted: #7a637e;
  --doodle-bg: #fff5dc;
  --doodle-card: rgba(255, 250, 235, .88);
  --doodle-card-strong: rgba(255, 246, 220, .96);
  --doodle-pink: #ff8ab3;
  --doodle-blue: #8ed8ff;
  --doodle-yellow: #ffe58d;
  --doodle-green: #aee8b4;
  --doodle-purple: #c6a7ff;
  --doodle-shadow: rgba(103, 70, 92, .20);
}

html, body,
input, textarea, select, button,
.btn, .form-control, .dropdown-menu,
.panel, .modal, .alert, .table,
.uploader, .uploader * {
  font-family: var(--doodle-font) !important;
  letter-spacing: .02em;
}

html, body {
  color: var(--doodle-ink) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 138, 179, .28) 0 120px, transparent 121px),
    radial-gradient(circle at 92% 12%, rgba(142, 216, 255, .32) 0 150px, transparent 151px),
    radial-gradient(circle at 82% 88%, rgba(174, 232, 180, .34) 0 160px, transparent 161px),
    linear-gradient(135deg, #fff7df 0%, #ffeef7 45%, #eff9ff 100%) !important;
  background-attachment: fixed !important;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  z-index: -1;
  background-image:
    linear-gradient(90deg, rgba(60,45,70,.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(60,45,70,.055) 1px, transparent 1px);
  background-size: 34px 34px;
  transform: rotate(-.6deg) scale(1.02);
}

body::after {
  content: '♡  ☆  meow  ✦  ♡';
  position: fixed;
  right: 22px;
  bottom: 18px;
  color: rgba(60,45,70,.20);
  font-size: 18px;
  pointer-events: none;
  z-index: 0;
}

a { color: #6f57cf !important; text-decoration-thickness: 2px; text-underline-offset: 4px; }
a:hover { color: #ff6fa6 !important; }

/* 统一手绘卡片 */
.container, .container-fixed, main,
.panel, .card, .modal-dialog .modal-content,
.notice, .alert, .list-group, .table-responsive,
.uploader, .uploader-files, .uploader-message,
.uploader-actions, .uploader-dnd, .uploader-container,
.preview, .viewer, .tabs, .tab-content,
.meow-nav, .meow-custom-nav-menu,
.login-card, .form-horizontal, .form-group[class*='col-'] {
  border-radius: 24px 18px 28px 20px !important;
}

.panel, .card, .modal-content, .alert, .table-responsive,
.uploader, .uploader-files, .uploader-message,
.uploader-actions, .uploader-dnd, .uploader-container,
.login-card, .form-horizontal:not(.navbar-form) {
  color: var(--doodle-ink) !important;
  background: var(--doodle-card) !important;
  border: 2px solid var(--doodle-ink) !important;
  box-shadow: 6px 8px 0 rgba(60,45,70,.14), 0 16px 36px var(--doodle-shadow) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.panel:nth-of-type(2n), .card:nth-of-type(2n), .uploader-actions {
  transform: rotate(-.18deg);
}
.panel:nth-of-type(2n+1), .card:nth-of-type(2n+1), .uploader-dnd {
  transform: rotate(.12deg);
}

.panel-heading, .modal-header, .panel-footer, .modal-footer,
.table > thead > tr > th {
  color: var(--doodle-ink) !important;
  background:
    repeating-linear-gradient(-6deg, rgba(255,229,141,.55) 0 8px, rgba(255,229,141,.25) 8px 16px) !important;
  border-color: rgba(60,45,70,.42) !important;
  border-radius: 20px 16px 0 0 !important;
}

.panel-body, .modal-body, .tab-content {
  color: var(--doodle-ink) !important;
}
.text-muted, .help-block, small { color: var(--doodle-muted) !important; }

/* 顶部与底部悬浮条 */
.meow-nav, .navbar, nav.navbar {
  background: rgba(255, 249, 228, .86) !important;
  border: 2px solid var(--doodle-ink) !important;
  border-radius: 999px 860px 920px 780px / 860px 999px 760px 940px !important;
  box-shadow: 5px 6px 0 rgba(60,45,70,.15) !important;
  color: var(--doodle-ink) !important;
}
.meow-brand, .navbar-brand, .navbar a { color: var(--doodle-ink) !important; }
.meow-nav-toggle, .navbar-toggle, .dropdown-toggle {
  background: var(--doodle-yellow) !important;
  color: var(--doodle-ink) !important;
  border: 2px solid var(--doodle-ink) !important;
  border-radius: 16px 22px 14px 20px !important;
  box-shadow: 3px 4px 0 rgba(60,45,70,.18) !important;
}
.meow-custom-nav-menu, .dropdown-menu {
  background: rgba(255,250,235,.95) !important;
  border: 2px solid var(--doodle-ink) !important;
  border-radius: 22px 18px 24px 16px !important;
  box-shadow: 6px 8px 0 rgba(60,45,70,.15) !important;
}
.meow-custom-nav-menu a, .dropdown-menu > li > a {
  color: var(--doodle-ink) !important;
  border-radius: 14px !important;
}
.meow-custom-nav-menu a:hover, .dropdown-menu > li > a:hover {
  background: rgba(255,138,179,.22) !important;
}

/* 表单 */
.form-control, input[type='text'], input[type='password'], input[type='email'], input[type='number'], input[type='url'], textarea, select {
  color: var(--doodle-ink) !important;
  background: rgba(255,255,255,.72) !important;
  border: 2px solid rgba(60,45,70,.72) !important;
  border-radius: 16px 13px 18px 14px !important;
  box-shadow: inset 2px 3px 0 rgba(255,229,141,.28) !important;
}
.form-control:focus, input:focus, textarea:focus, select:focus {
  border-color: #ff7aaa !important;
  box-shadow: 0 0 0 4px rgba(255,138,179,.22), inset 2px 3px 0 rgba(255,229,141,.24) !important;
}

/* 按钮：手绘贴纸 */
.btn, button, input[type='button'], input[type='submit'], input[type='reset'],
.uploader-btn-browse, .uploader-btn-start, .uploader-btn-stop,
#selectfiles, #postfiles, #stopfiles {
  color: var(--doodle-ink) !important;
  background: #fff3b5 !important;
  border: 2px solid var(--doodle-ink) !important;
  border-radius: 18px 14px 20px 16px !important;
  box-shadow: 3px 4px 0 rgba(60,45,70,.18) !important;
  text-shadow: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.btn:hover, button:hover,
.uploader-btn-browse:hover, .uploader-btn-start:hover, .uploader-btn-stop:hover,
#selectfiles:hover, #postfiles:hover, #stopfiles:hover {
  background: #ffd2e1 !important;
  transform: translate(-1px, -1px) rotate(-.6deg) !important;
  box-shadow: 5px 6px 0 rgba(60,45,70,.18) !important;
}
.btn-primary, .uploader-btn-start, #postfiles {
  background: #bde8ff !important;
}
.btn-success { background: #c8f3bf !important; }
.btn-danger, .uploader-btn-stop, #stopfiles { background: #ffc3c3 !important; }
.btn-warning { background: #ffe58d !important; }
.btn-info { background: #d7ccff !important; }
.btn.disabled, .btn[disabled], button[disabled] { opacity: .62 !important; }

/* 首页上传区 */
.uploader, .uploader-container {
  padding: 14px !important;
  background:
    radial-gradient(circle at 14% 12%, rgba(255,138,179,.22), transparent 130px),
    radial-gradient(circle at 86% 80%, rgba(142,216,255,.25), transparent 160px),
    var(--doodle-card) !important;
}
.uploader-dnd, .uploader-message {
  min-height: 130px;
  background:
    repeating-linear-gradient(135deg, rgba(142,216,255,.20) 0 10px, rgba(255,255,255,.28) 10px 20px),
    rgba(255,255,255,.55) !important;
  border: 2px dashed var(--doodle-ink) !important;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.32) !important;
}
.uploader-actions {
  margin-top: 12px !important;
  padding: 12px !important;
  background: rgba(255,245,220,.78) !important;
  border: 2px solid var(--doodle-ink) !important;
}
.uploader-files .file, .uploader-files .file-wrapper,
.file-list .file, .file-list .item {
  background: rgba(255,255,255,.72) !important;
  border: 2px solid rgba(60,45,70,.48) !important;
  border-radius: 18px 14px 20px 16px !important;
}

/* 上传结果胶囊 / Tab */
.nav-tabs, .nav-pills, .meow-output-tabs {
  border: 0 !important;
}
.nav-tabs > li > a, .nav-pills > li > a,
.meow-output-tabs a, .meow-output-pill {
  color: var(--doodle-ink) !important;
  background: rgba(255,255,255,.62) !important;
  border: 2px solid var(--doodle-ink) !important;
  border-radius: 999px 820px 940px 760px / 860px 999px 760px 940px !important;
  box-shadow: 3px 4px 0 rgba(60,45,70,.14) !important;
}
.nav-tabs > li.active > a, .nav-pills > li.active > a,
.nav-tabs > li.active > a:hover, .nav-pills > li.active > a:hover,
.meow-output-tabs .active a, .meow-output-pill.active {
  color: var(--doodle-ink) !important;
  background: #ffd2e1 !important;
  border-color: var(--doodle-ink) !important;
}
pre, code, .CodeMirror {
  color: var(--doodle-ink) !important;
  background: rgba(255,255,255,.72) !important;
  border: 2px solid rgba(60,45,70,.55) !important;
  border-radius: 16px !important;
}

/* 表格 */
.table, table {
  color: var(--doodle-ink) !important;
  background: rgba(255,250,235,.78) !important;
}
.table > tbody > tr > td, .table > thead > tr > th,
table td, table th {
  border-color: rgba(60,45,70,.28) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255,210,225,.18) !important;
}

/* 弹窗公告 */
.modal-backdrop { background: rgba(60,45,70,.28) !important; }
.modal-dialog { max-width: min(92vw, 520px) !important; margin: 12vh auto !important; }
.modal-content {
  background:
    radial-gradient(circle at 8% 0%, rgba(255,138,179,.22), transparent 120px),
    rgba(255,250,235,.96) !important;
}
.close { color: var(--doodle-ink) !important; opacity: .8 !important; }

/* 登录页：更像手账贴纸 */
body.login-page, .login-page, .login-wrap {
  background:
    radial-gradient(circle at 20% 18%, rgba(255,138,179,.34), transparent 150px),
    radial-gradient(circle at 80% 76%, rgba(142,216,255,.38), transparent 180px),
    linear-gradient(135deg, #fff7df, #ffeef7) !important;
}
.login-card, .login-panel, .login-box,
body:has(form[action*='login']) .panel {
  max-width: 430px;
  background: rgba(255,250,235,.94) !important;
}

/* 后台侧栏/标签 */
.tabs-navbar, .nav-secondary, .nav-stacked, .list-group-item {
  background: rgba(255,250,235,.72) !important;
  border-color: rgba(60,45,70,.42) !important;
  color: var(--doodle-ink) !important;
}
.label, .badge {
  color: var(--doodle-ink) !important;
  background: #ffe58d !important;
  border: 1px solid rgba(60,45,70,.55) !important;
}
.label-success, .badge-success { background: #c8f3bf !important; }
.label-primary, .badge-primary { background: #bde8ff !important; }
.label-danger, .badge-danger { background: #ffc3c3 !important; }

/* 小装饰 */
.panel-heading strong::before,
.modal-title::before,
h1::before, h2::before, h3::before {
  content: '✦ ';
  color: #ff78aa;
}
.panel-heading strong::after,
.modal-title::after,
h1::after, h2::after, h3::after {
  content: ' ♡';
  color: #86cfff;
}

@media (max-width: 768px) {
  body { font-size: 15px !important; }
  .container, .container-fixed { width: calc(100% - 20px) !important; padding-left: 10px !important; padding-right: 10px !important; }
  .panel, .card, .uploader, .modal-content { border-radius: 20px 16px 22px 18px !important; box-shadow: 4px 5px 0 rgba(60,45,70,.14) !important; }
  .btn, button, .form-control { border-radius: 15px 12px 17px 13px !important; }
  .uploader-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .uploader-actions .btn, .uploader-actions button { flex: 1 1 auto; }
  .modal-dialog { width: calc(100vw - 32px) !important; margin: 10vh auto !important; }
}


/* Remove hamburger in doodle theme */
.vision-menu-toggle,.menu-toggle{display:none!important;}

/* MEOW IMAGES 1.1.5 - MEOW Doodle upload area: soft pink surface with readable text */
:root {
  --doodle-upload-bg: rgba(255, 236, 244, .94);
  --doodle-upload-bg-strong: rgba(255, 226, 239, .98);
  --doodle-upload-border: #e98aae;
  --doodle-upload-ink: #6a354c;
  --doodle-upload-muted: #9a687b;
  --doodle-upload-shadow: rgba(137, 67, 96, .18);
}

body .uploader,
body .uploader-container,
body .uploader-dnd,
body .uploader-message,
body .uploader-actions,
body .uploader-files,
body .uploader-files .file,
body .uploader-files .file-wrapper,
body .file-list .file,
body .file-list .item {
  color: var(--doodle-upload-ink) !important;
}

body .uploader,
body .uploader-container {
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 178, 207, .46), transparent 135px),
    radial-gradient(circle at 86% 78%, rgba(255, 214, 230, .56), transparent 165px),
    linear-gradient(145deg, rgba(255, 242, 247, .98), var(--doodle-upload-bg)) !important;
  border-color: var(--doodle-upload-border) !important;
  box-shadow: 6px 8px 0 var(--doodle-upload-shadow), 0 18px 38px rgba(137, 67, 96, .13) !important;
}

body .uploader-dnd,
body .uploader-message {
  background:
    repeating-linear-gradient(-8deg, rgba(255, 196, 217, .36) 0 11px, rgba(255, 245, 249, .74) 11px 22px),
    var(--doodle-upload-bg-strong) !important;
  border: 3px dashed var(--doodle-upload-border) !important;
  color: var(--doodle-upload-ink) !important;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.38) !important;
}

body .uploader-dnd:hover,
body .uploader-message:hover,
body .uploader-dnd.is-dragover,
body .uploader-message.is-dragover {
  background:
    repeating-linear-gradient(-8deg, rgba(255, 174, 205, .45) 0 11px, rgba(255, 236, 244, .88) 11px 22px),
    #ffe4ef !important;
  border-color: #d96f9b !important;
}

body .uploader-actions {
  background:
    linear-gradient(135deg, rgba(255, 232, 241, .96), rgba(255, 214, 230, .90)) !important;
  border: 2px solid var(--doodle-upload-border) !important;
  color: var(--doodle-upload-ink) !important;
  box-shadow: 4px 5px 0 rgba(137,67,96,.14) !important;
}

body .uploader-actions .btn,
body .uploader-actions button,
body .uploader-btn-browse,
body .uploader-btn-start,
body .uploader-btn-stop,
body #selectfiles,
body #postfiles,
body #stopfiles {
  color: var(--doodle-upload-ink) !important;
  border-color: #c96d93 !important;
  text-shadow: none !important;
}

body .uploader-btn-browse,
body #selectfiles {
  background: #ffd6e6 !important;
}

body .uploader-btn-start,
body #postfiles {
  background: #ffc0d7 !important;
}

body .uploader-btn-stop,
body #stopfiles {
  background: #f2d7e2 !important;
}

body .uploader-actions .btn:hover,
body .uploader-actions button:hover,
body .uploader-btn-browse:hover,
body .uploader-btn-start:hover,
body .uploader-btn-stop:hover,
body #selectfiles:hover,
body #postfiles:hover,
body #stopfiles:hover {
  background: #ffb8d2 !important;
  color: #4f2638 !important;
  border-color: #b9507e !important;
}

body .uploader-files,
body .uploader-files .file,
body .uploader-files .file-wrapper,
body .file-list .file,
body .file-list .item {
  background: rgba(255, 245, 249, .86) !important;
  border-color: rgba(217, 111, 155, .72) !important;
}

body .uploader .text-muted,
body .uploader .help-block,
body .uploader small,
body .uploader-message small,
body .uploader-dnd small {
  color: var(--doodle-upload-muted) !important;
}

body .uploader a {
  color: #b9507e !important;
}

/* MEOW IMAGES 1.1.5 - keep homepage scrolling notice typography consistent with MEOW Doodle */
body .marquee,
body .marquee .wrap,
body .marquee #marquee2,
body .marquee #marquee2 *,
body .marquee #marquee2 a,
body .marquee #marquee2 i {
  font-family: var(--doodle-font) !important;
  color: var(--doodle-ink) !important;
  letter-spacing: .025em !important;
  text-shadow: none !important;
}

body .marquee {
  background: rgba(255, 250, 235, .82) !important;
  border: 2px solid var(--doodle-ink) !important;
  border-radius: 999px 820px 940px 760px / 860px 999px 760px 940px !important;
  box-shadow: 4px 5px 0 rgba(60,45,70,.13) !important;
  padding: 0 14px !important;
}

body .marquee #marquee2 a {
  color: var(--doodle-ink) !important;
  font-size: 15px !important;
}

/* MEOW IMAGES 1.1.7 - Doodle uploader file action labels (superseded by 1.1.8 SVG icons) */
body .uploader-files .file .actions,
body .file-list .file .actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  overflow: visible !important;
}
body .uploader-files .file .actions .btn-rename-file,
body .uploader-files .file .actions .btn-delete-file,
body .file-list .file .actions .btn-rename-file,
body .file-list .file .actions .btn-delete-file {
  position: relative !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid var(--doodle-upload-border, #e98aae) !important;
  border-radius: 999px 820px 930px 780px / 760px 999px 790px 940px !important;
  background: #ffe5ef !important;
  color: var(--doodle-upload-ink, #6a354c) !important;
  box-shadow: 3px 4px 0 rgba(137,67,96,.13) !important;
  text-decoration: none !important;
  overflow: visible !important;
  line-height: 1 !important;
}
body .uploader-files .file .actions .btn-rename-file i,
body .file-list .file .actions .btn-rename-file i {
  color: #8a5267 !important;
  font-size: 16px !important;
}
body .uploader-files .file .actions .btn-delete-file i,
body .file-list .file .actions .btn-delete-file i {
  color: #b9507e !important;
  font-size: 16px !important;
}
body .uploader-files .file .actions .btn-rename-file::after,
body .uploader-files .file .actions .btn-delete-file::after,
body .file-list .file .actions .btn-rename-file::after,
body .file-list .file .actions .btn-delete-file::after {
  position: absolute !important;
  right: 50% !important;
  bottom: calc(100% + 8px) !important;
  transform: translateX(50%) translateY(4px) scale(.96) !important;
  min-width: 52px !important;
  padding: 5px 8px !important;
  border: 2px solid var(--doodle-upload-border, #e98aae) !important;
  border-radius: 14px 12px 16px 13px !important;
  background: rgba(255, 245, 249, .98) !important;
  color: var(--doodle-upload-ink, #6a354c) !important;
  box-shadow: 3px 4px 0 rgba(137,67,96,.13) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease !important;
  z-index: 20 !important;
}
body .uploader-files .file .actions .btn-rename-file::after,
body .file-list .file .actions .btn-rename-file::after { content: '重命名' !important; }
body .uploader-files .file .actions .btn-delete-file::after,
body .file-list .file .actions .btn-delete-file::after { content: '删除' !important; }
body .uploader-files .file .actions .btn-rename-file:hover::after,
body .uploader-files .file .actions .btn-rename-file:focus::after,
body .uploader-files .file .actions .btn-rename-file:active::after,
body .uploader-files .file .actions .btn-delete-file:hover::after,
body .uploader-files .file .actions .btn-delete-file:focus::after,
body .uploader-files .file .actions .btn-delete-file:active::after,
body .file-list .file .actions .btn-rename-file:hover::after,
body .file-list .file .actions .btn-rename-file:focus::after,
body .file-list .file .actions .btn-rename-file:active::after,
body .file-list .file .actions .btn-delete-file:hover::after,
body .file-list .file .actions .btn-delete-file:focus::after,
body .file-list .file .actions .btn-delete-file:active::after {
  opacity: 1 !important;
  transform: translateX(50%) translateY(0) scale(1) !important;
}
body .uploader-files .file .actions .btn-rename-file:hover,
body .uploader-files .file .actions .btn-rename-file:focus,
body .file-list .file .actions .btn-rename-file:hover,
body .file-list .file .actions .btn-rename-file:focus {
  background: #fff0b8 !important;
  border-color: #d69442 !important;
  color: #6a354c !important;
}
body .uploader-files .file .actions .btn-delete-file:hover,
body .uploader-files .file .actions .btn-delete-file:focus,
body .file-list .file .actions .btn-delete-file:hover,
body .file-list .file .actions .btn-delete-file:focus {
  background: #ffd6e6 !important;
  border-color: #b9507e !important;
  color: #6a354c !important;
}
@media (max-width: 768px) {
  body .uploader-files .file .actions .btn-rename-file,
  body .uploader-files .file .actions .btn-delete-file,
  body .file-list .file .actions .btn-rename-file,
  body .file-list .file .actions .btn-delete-file {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }
}

/* MEOW IMAGES 1.1.8 - Doodle uploader action icons: draw with CSS/SVG, not icon font */
body .uploader-files .file .actions .btn-rename-file,
body .uploader-files .file .actions .btn-delete-file,
body .file-list .file .actions .btn-rename-file,
body .file-list .file .actions .btn-delete-file {
  font-size: 0 !important;
}
body .uploader-files .file .actions .btn-rename-file i,
body .uploader-files .file .actions .btn-delete-file i,
body .file-list .file .actions .btn-rename-file i,
body .file-list .file .actions .btn-delete-file i {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
body .uploader-files .file .actions .btn-rename-file::before,
body .uploader-files .file .actions .btn-delete-file::before,
body .file-list .file .actions .btn-rename-file::before,
body .file-list .file .actions .btn-delete-file::before {
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}
body .uploader-files .file .actions .btn-rename-file::before,
body .file-list .file .actions .btn-rename-file::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%236a354c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16.8l1.1-4.1L14.7 3c.8-.8 2.1-.8 2.9 0l1.4 1.4c.8.8.8 2.1 0 2.9l-9.7 9.6L5.1 18z' fill='%23fff0b8'/%3E%3Cpath d='M13.3 4.4l4.3 4.3'/%3E%3Cpath d='M5.1 12.7l4.2 4.2'/%3E%3C/g%3E%3C/svg%3E") !important;
}
body .uploader-files .file .actions .btn-delete-file::before,
body .file-list .file .actions .btn-delete-file::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%236a354c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7.2h8.2l-.7 10.5c-.1 1-1 1.8-2 1.8H9.4c-1 0-1.9-.8-2-1.8z' fill='%23ffd6e6'/%3E%3Cpath d='M5.3 7.2h11.4'/%3E%3Cpath d='M8.6 5.1c.5-1.4 1.2-2.1 2.5-2.1s2 .7 2.5 2.1'/%3E%3Cpath d='M9.4 10.2l.2 5.2'/%3E%3Cpath d='M12.6 10.2l-.2 5.2'/%3E%3C/g%3E%3C/svg%3E") !important;
}
body .uploader-files .file .actions .btn-rename-file:hover::before,
body .uploader-files .file .actions .btn-rename-file:focus::before,
body .file-list .file .actions .btn-rename-file:hover::before,
body .file-list .file .actions .btn-rename-file:focus::before,
body .uploader-files .file .actions .btn-delete-file:hover::before,
body .uploader-files .file .actions .btn-delete-file:focus::before,
body .file-list .file .actions .btn-delete-file:hover::before,
body .file-list .file .actions .btn-delete-file:focus::before {
  transform: rotate(-4deg) scale(1.08) !important;
}


/* MEOW IMAGES 1.1.9 - Delete tab confirm action icon */
.vision-output-card .btn.meow-confirm-delete {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.vision-output-card .btn.meow-confirm-delete .meow-action-svg,
.vision-output-card .btn.meow-confirm-delete svg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  pointer-events: none !important;
}
.vision-output-card .btn.meow-confirm-delete:hover::after,
.vision-output-card .btn.meow-confirm-delete:focus::after,
.vision-output-card .btn.meow-confirm-delete:active::after {
  content: '确认删除' !important;
  position: absolute !important;
  right: 0 !important;
  bottom: calc(100% + 8px) !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 7px 9px !important;
  border-radius: 999px !important;
  z-index: 20 !important;
}

body .vision-output-card .btn.meow-confirm-delete {
  color: #6a354c !important;
  border-color: #b9507e !important;
  background: #ffd6e6 !important;
}
body .vision-output-card .btn.meow-confirm-delete svg {
  transform: rotate(-3deg) !important;
}
body .vision-output-card .btn.meow-confirm-delete:hover,
body .vision-output-card .btn.meow-confirm-delete:focus {
  background: #ffc6dc !important;
  color: #5a273f !important;
}
body .vision-output-card .btn.meow-confirm-delete:hover::after,
body .vision-output-card .btn.meow-confirm-delete:focus::after,
body .vision-output-card .btn.meow-confirm-delete:active::after {
  color: #6a354c !important;
  background: #fff0f6 !important;
  border: 2px solid #b9507e !important;
  box-shadow: 3px 4px 0 rgba(106,53,76,.16) !important;
  font-family: var(--meow-doodle-font, inherit) !important;
}

/* MEOW IMAGES 1.2.0 - Doodle login page isolation: fully override Vision login skin */
body.meow-theme-meow-doodle,
body.meow-theme-meow-doodle.container.vision-shell-body {
  background:
    radial-gradient(circle at 16% 16%, rgba(255, 162, 195, .36), transparent 175px),
    radial-gradient(circle at 84% 72%, rgba(157, 218, 255, .35), transparent 190px),
    repeating-linear-gradient(-7deg, rgba(255, 232, 241, .35) 0 14px, rgba(255, 250, 225, .45) 14px 28px),
    linear-gradient(135deg, #fff8df 0%, #ffeef7 100%) !important;
  color: var(--doodle-ink) !important;
}

body.meow-theme-meow-doodle section {
  min-height: 100vh !important;
  padding: 28px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: var(--doodle-ink) !important;
}
body.meow-theme-meow-doodle section::before,
body.meow-theme-meow-doodle section::after {
  display: none !important;
}

body.meow-theme-meow-doodle section > .container {
  width: min(430px, 92vw) !important;
  max-width: 430px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 3px solid rgba(96, 62, 76, .72) !important;
  border-radius: 30px 24px 34px 26px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 153, 189, .24), transparent 130px),
    radial-gradient(circle at 90% 100%, rgba(141, 208, 255, .18), transparent 150px),
    rgba(255, 250, 235, .96) !important;
  box-shadow: 7px 8px 0 rgba(96, 62, 76, .18), 0 22px 45px rgba(137, 67, 96, .12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: rotate(-.25deg);
}
body.meow-theme-meow-doodle section > .container::before {
  content: '♡' !important;
  position: absolute !important;
  right: 20px !important;
  top: -20px !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid rgba(96, 62, 76, .65) !important;
  border-radius: 52% 46% 54% 45% !important;
  background: #ffd3e4 !important;
  color: #8a3f5e !important;
  font-size: 22px !important;
  pointer-events: none !important;
}

body.meow-theme-meow-doodle section .container .user,
body.meow-theme-meow-doodle section .container .singinBx,
body.meow-theme-meow-doodle section .container .singupBx {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  color: var(--doodle-ink) !important;
}
body.meow-theme-meow-doodle section .container .singupBx { display: none !important; }
body.meow-theme-meow-doodle section .container.active .singinBx { display: none !important; }
body.meow-theme-meow-doodle section .container.active .singupBx { display: block !important; }
body.meow-theme-meow-doodle section .imgBx { display: none !important; }

body.meow-theme-meow-doodle section .formBx {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  padding: 40px 34px 34px !important;
  background: transparent !important;
  color: var(--doodle-ink) !important;
}
body.meow-theme-meow-doodle section .formBx form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--doodle-ink) !important;
}
body.meow-theme-meow-doodle section .formBx form h2 {
  margin: 0 0 24px !important;
  color: #6b3a52 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  text-align: center !important;
  text-shadow: none !important;
}
body.meow-theme-meow-doodle section .formBx form h2::before { content: '✦ ' !important; color: #ff7ead !important; }
body.meow-theme-meow-doodle section .formBx form h2::after { content: ' ♡' !important; color: #87cfff !important; }

body.meow-theme-meow-doodle section input,
body.meow-theme-meow-doodle section .form-control {
  width: 100% !important;
  height: auto !important;
  margin: 10px 0 !important;
  padding: 13px 15px !important;
  border: 2px solid rgba(96, 62, 76, .58) !important;
  border-radius: 18px 14px 19px 15px !important;
  background: rgba(255, 253, 248, .96) !important;
  color: #603746 !important;
  box-shadow: 3px 4px 0 rgba(137, 67, 96, .08) !important;
  outline: none !important;
  font-size: 15px !important;
  letter-spacing: .5px !important;
}
body.meow-theme-meow-doodle section input::placeholder,
body.meow-theme-meow-doodle section .form-control::placeholder {
  color: rgba(112, 76, 90, .62) !important;
}
body.meow-theme-meow-doodle section input:focus,
body.meow-theme-meow-doodle section .form-control:focus {
  border-color: #ef8fb4 !important;
  background: #fffafc !important;
  box-shadow: 0 0 0 4px rgba(255, 171, 203, .25), 3px 4px 0 rgba(137, 67, 96, .10) !important;
}

body.meow-theme-meow-doodle section .btn,
body.meow-theme-meow-doodle section button[type="submit"],
body.meow-theme-meow-doodle section input[type="submit"] {
  width: 100% !important;
  margin-top: 14px !important;
  padding: 13px 16px !important;
  border: 2px solid rgba(96, 62, 76, .72) !important;
  border-radius: 999px 860px 920px 780px !important;
  background: linear-gradient(135deg, #ffc0d7 0%, #ffd9e8 52%, #ffeaa0 100%) !important;
  color: #63354b !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  box-shadow: 4px 5px 0 rgba(137, 67, 96, .16) !important;
  text-shadow: none !important;
}
body.meow-theme-meow-doodle section .btn:hover,
body.meow-theme-meow-doodle section button[type="submit"]:hover,
body.meow-theme-meow-doodle section input[type="submit"]:hover {
  transform: translateY(-1px) rotate(-.2deg) !important;
  filter: none !important;
  background: linear-gradient(135deg, #ffb0cd 0%, #ffd2e4 55%, #ffe58e 100%) !important;
}

body.meow-theme-meow-doodle section .signup {
  margin-top: 18px !important;
  color: rgba(96, 55, 70, .78) !important;
  text-align: center !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
}
body.meow-theme-meow-doodle section .signup a {
  color: #d95d8c !important;
  font-weight: 800 !important;
  text-decoration: underline wavy rgba(217, 93, 140, .45) !important;
  text-underline-offset: 4px !important;
}
body.meow-theme-meow-doodle section .signup a:hover {
  color: #a64168 !important;
  text-shadow: none !important;
}

body.meow-theme-meow-doodle .modal-content {
  background: rgba(255, 250, 235, .98) !important;
  color: var(--doodle-ink) !important;
  border: 3px solid rgba(96, 62, 76, .68) !important;
  border-radius: 24px 20px 26px 22px !important;
  box-shadow: 6px 7px 0 rgba(96, 62, 76, .15) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.meow-theme-meow-doodle .modal-header,
body.meow-theme-meow-doodle .modal-footer {
  border-color: rgba(96, 62, 76, .22) !important;
}
body.meow-theme-meow-doodle .close { color: #63354b !important; opacity: .82 !important; }
body.meow-theme-meow-doodle code {
  background: #ffe6f0 !important;
  color: #7b3b55 !important;
  border-radius: 9px !important;
}

@media (max-width: 520px) {
  body.meow-theme-meow-doodle section { padding: 22px 12px !important; }
  body.meow-theme-meow-doodle section > .container { width: calc(100vw - 28px) !important; border-radius: 25px 20px 28px 22px !important; }
  body.meow-theme-meow-doodle section .formBx { padding: 36px 24px 30px !important; }
  body.meow-theme-meow-doodle section .formBx form h2 { font-size: 24px !important; }
}