body,.btn,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
}
:root { --dd-blue:#1677ff; --dd-blue-dark:#0b2453; --dd-ink:#14264d; --dd-muted:#7485a4; --dd-line:#e8eef8; --dd-surface:#fff; }
.dd-brand-mark { width:30px; height:30px; flex:0 0 30px; }
.dd-lucide { display:inline-block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.dd-tool-copy { min-width:0; display:flex; flex:1; flex-direction:column; gap:4px; line-height:1.25; }
.dd-tool-copy strong, .dd-tool-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dd-tool-copy strong { font-size:14px; font-weight:700; }
.dd-tool-copy small { color:#8a9bb7; font-size:11px; }
.dd-ui-button { border:0; font:inherit; cursor:pointer; }
.dd-ui-card { border:1px solid #e5eaf2; border-radius:10px; background:#fff; box-shadow:0 16px 40px rgba(15,35,75,.12); }
.dd-dialog-open { overflow:hidden; }
.dd-dialog[hidden] { display:none; }
.dd-dialog { position:fixed; inset:0; z-index:2000; display:grid; place-items:center; padding:20px; }
.dd-dialog-overlay { position:absolute; inset:0; background:rgba(15,23,42,.58); animation:dd-fade-in .15s ease-out; }
.dd-dialog-panel { position:relative; width:min(100%, 480px); min-height:260px; overflow:hidden; animation:dd-dialog-in .18s ease-out; }
.dd-dialog-header { display:flex; align-items:center; justify-content:space-between; padding:20px 24px 12px; }
.dd-dialog-header h2 { margin:0; color:#14264d; font-size:18px; font-weight:700; }
.dd-dialog-close { display:grid; place-items:center; width:30px; height:30px; border-radius:6px; color:#8795a9; background:transparent; }
.dd-dialog-close:hover { color:#1677ff; background:#eff5ff; }
.dd-dialog-close .dd-lucide { width:18px; height:18px; }
.dd-dialog-body { padding:16px 24px 26px; }
.dd-radio-group { display:flex; flex-wrap:wrap; gap:24px; margin:0; padding:0; border:0; }
.dd-radio-group legend { width:100%; margin-bottom:14px; color:#384b6c; font-size:15px; font-weight:600; }
.dd-radio-option { display:inline-flex; align-items:center; gap:9px; color:#526581; font-size:14px; cursor:pointer; }
.dd-radio-option input { position:absolute; opacity:0; pointer-events:none; }
.dd-radio-mark { width:18px; height:18px; display:inline-grid; place-items:center; border:1px solid #c6d0de; border-radius:50%; background:#fff; }
.dd-radio-option input:checked + .dd-radio-mark { border-color:#1677ff; box-shadow:inset 0 0 0 4px #fff; background:#1677ff; }
.dd-dialog-hint, .dd-dialog-lead { margin:22px 0 0; color:#8a98ab; font-size:13px; line-height:1.65; }
.dd-login-dialog { min-height:220px; }
.dd-login-options { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin-top:12px; }
.dd-login-option { display:flex; align-items:center; justify-content:center; gap:8px; height:42px; border:1px solid #dce5f1; border-radius:7px; color:#324b70; background:#fbfdff; }
.dd-login-option:hover { border-color:#9fc6ff; color:#1677ff; background:#f3f8ff; }
.dd-login-option .dd-lucide { width:18px; height:18px; }
.dd-admin-link { display:block; margin-top:18px; text-align:center; color:#7e8da5; font-size:13px; }
.dd-admin-link:hover { color:#1677ff; }
@keyframes dd-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes dd-dialog-in { from { opacity:0; transform:translateY(6px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
body { background:#f7faff !important; color:var(--dd-ink); }
.dd-shell { min-height:100vh; padding-top:64px; }
.dd-header { height:64px; background:rgba(255,255,255,.94) !important; border-bottom:1px solid var(--dd-line); box-shadow:0 4px 18px rgba(19,62,119,.06); z-index:1000; }
.dd-header-inner { height:64px; display:flex; align-items:center; padding:0 28px; }
.dd-header .logo-link { color:var(--dd-ink); font-size:20px; letter-spacing:.02em; }
.dd-header .logo-link img { width:31px; height:31px; object-fit:contain; margin:0 10px 0 0; }
.dd-header-caption { margin-left:18px; padding-left:18px; border-left:1px solid var(--dd-line); color:var(--dd-muted); font-size:13px; }
.dd-header-actions { margin-left:auto; display:flex; align-items:center; gap:18px; }
.dd-header-search { width:210px; height:36px; display:flex; align-items:center; gap:9px; padding:0 14px; border-radius:10px; background:#f1f5fb; color:#9aa9c1; font-size:13px; }
.dd-header-search .icon { color:var(--dd-blue); font-size:17px; }
.dd-mobile-menu, .dd-mobile-nav { display:none; }
.dd-sidebar { position:fixed; left:0; top:64px; bottom:0; width:232px; padding:26px 16px; background:#fff; border-right:1px solid var(--dd-line); z-index:900; }
.dd-sidebar-label { padding:0 16px 12px; color:#a1aec2; font-size:12px; letter-spacing:.08em; }
.dd-side-link { display:flex; align-items:center; gap:13px; height:46px; margin:4px 0; padding:0 16px; border-radius:10px; color:#607392; font-size:14px; font-weight:600; transition:.2s ease; }
.dd-side-link .icon { width:20px; color:#92a3bc; font-size:18px; }
.dd-side-link:hover { color:var(--dd-blue); background:#f3f7ff; }
.dd-side-link.is-active { color:var(--dd-blue); background:#eaf3ff; }
.dd-side-link.is-active .icon { color:var(--dd-blue); }
.dd-sidebar-divider { height:1px; margin:24px 16px; background:var(--dd-line); }
.dd-sidebar-note { padding:0 16px; color:#abb8ca; font-size:12px; }
.dd-main { margin-left:232px; min-height:calc(100vh - 64px); }
.dd-page-heading { padding:24px 28px 16px; border-bottom:1px solid var(--dd-line); background:#fff; }
.dd-page-heading h1 { margin:0 0 4px; color:var(--dd-ink); font-size:27px; line-height:1.25; font-weight:800; }
.dd-page-heading p { margin:0; color:var(--dd-muted); font-size:14px; }
.dd-main .nk-content { background:transparent; }
.dd-hero { padding-top:20px !important; padding-bottom:16px !important; background-position:right center !important; background-size:300px auto !important; }
.dd-hero-copy { margin-bottom:22px; }
.dd-kicker { color:var(--dd-blue); font-size:13px; font-weight:700; letter-spacing:.12em; }
.dd-hero h1 { margin:5px 0 4px; color:var(--dd-ink); font-size:28px; font-weight:800; }
.dd-hero p { margin:0; color:var(--dd-muted); font-size:14px; }
.dd-hero .form-control-lx { border:1px solid #d9e5f5; box-shadow:0 8px 20px rgba(30,86,160,.06); background:#fff; }
.dd-category-nav { padding:2px 0; overflow-x:auto; white-space:nowrap; }
.dd-category-nav .breadcrumb-item { margin-right:10px; }
.dd-category-nav .breadcrumb-item a { display:inline-flex; align-items:center; min-height:34px; padding:0 14px; border-radius:8px; color:#6d7e9c; }
.dd-category-nav .breadcrumb-item.active a, .dd-category-nav .breadcrumb-item a:hover { color:#fff !important; background:var(--dd-blue); }
.dd-main .card-preview { border:1px solid var(--dd-line); border-radius:14px; box-shadow:0 10px 30px rgba(31,74,135,.06); background:#fff; }
.dd-main .nya-title { position:static; display:flex; align-items:center; gap:10px; width:max-content; margin:-1px 0 18px; padding:0; color:var(--dd-ink); background:transparent; box-shadow:none; font-size:17px; }
.dd-main .nya-title:before { content:""; width:4px; height:20px; border-radius:4px; background:var(--dd-blue); }
.dd-main .nya-title .icon { color:var(--dd-blue); }
.dd-main .tool-link { height:54px; display:flex; align-items:center; justify-content:flex-start; padding:0 17px; border:1px solid var(--dd-line) !important; border-radius:10px; color:var(--dd-ink) !important; background:#fbfdff !important; font-size:14px; font-weight:600; box-shadow:none !important; }
.dd-main .tool-link:hover { color:var(--dd-blue) !important; border-color:#b9d5ff !important; background:#f3f8ff !important; transform:translateY(-1px); }
.dd-main .nk-footer { margin-top:30px; }

@media (min-width: 1200px) {
  .dd-main .row > .col-lg-3 { flex:0 0 20%; max-width:20%; }
  .dd-main .card-inner { padding:18px 18px 20px !important; }
  .dd-main .tool-link { height:58px; }
}

@media (min-width: 992px) {
  .dd-header-search { display:none; }
  .dd-hero { height:0; padding:0 !important; overflow:visible; background:none !important; }
  .dd-hero-copy { display:none; }
  .dd-hero .container-xl { position:relative; }
  .dd-hero .form-control-wrap { position:fixed; top:12px; right:258px; width:248px; z-index:1002; }
  .dd-hero .form-control-lx { height:36px; padding:6px 15px 6px 42px; font-size:13px; border:0; background:#f1f5fb; box-shadow:none; }
  .dd-hero .form-text-hint-lx { left:0; right:auto; top:0; height:36px; padding:0 0 0 14px; background:transparent; color:#617898; }
  .dd-hero .form-text-hint-lx .overline-title { font-size:16px; }
  #toollist .category-card { margin-top:0; border:0; box-shadow:none; background:transparent; }
  #toollist .category-card + .category-card { margin-top:18px; }
  #toollist .category-card .card-inner { padding:0 !important; }
  #link_content { margin-top:22px; }
}
.nk-header {
	border-bottom:0px solid #e5e9f2;
	box-shadow:0 0 #0000,0 0 #0000,0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
}

.nk-ibx-action { position: relative; padding: 1rem 1.5rem; border-bottom: 1px solid #e5e9f2; }
.nk-ibx-action-list { display: flex; justify-content: space-between; align-items: center; }
.nk-ibx-action-item a { display: flex; align-items: center; }
.nk-ibx-action-item .icon { font-size: 1.5rem; }
.nk-ibx-action-item .icon + span { margin-left: 0.5rem; }

.dark-switch.active .ni-moon {
	display:none;
}
.dark-switch.active .ni-sun {
	display:inline !important;
}
.dark-switch:after {
	height:0rem;
	width:0rem;
	right:0;
	background-color:#dbdfea00;
}
.dark-switch:before {
	right:0;
	width:0rem;
	height:0rem;
	background-color:rgba(255,255,255,0);
	border:#dbdfea solid 0px;
}
.card-preview {
	box-shadow:6px 5px 40px rgba(30,48,75,.08);
}
.form-control-lx {
	height:calc(3.625rem + 2px);
	padding:0.6875rem 2rem;
	font-size:0.9375rem;
	line-height:1.25rem;
	border-radius:5px;
}
.form-clip-lx,.form-text-hint-lx {
	position:absolute;
	right:22px;
	top:6px;
	height:calc(3.125rem - 2px);
	display:flex;
	align-items:center;
	color:#6576ff;
	padding-left:1rem;
	padding-right:.75rem;
	background:#fff;
	border-radius:4px;
}
.dark-mode .form-text-hint-lx {
	background:#141c26;
}
.dark-mode .bannerbg { opacity: 0.4; }
.form-text-hint-lx .overline-title {
	font-size:24px;
}
.form-control-lx.btn-round {
	border-radius:2.125rem;
}
.breadcrumb-item.active:not(:only-child) {
	font-weight:700;
}
.breadcrumb-item.active a {
	color:#086cf0 !important;
}
.nya-title {
	position:absolute;
	top:-15px;
	background-color:#6576ff;
	color:#fff;
	padding:5px 18px;
	border-radius:8px;
	font-size:1.0rem;
	box-shadow: 0 0.5rem 0.625rem #6576ff57;
}
.dark-mode .nya-title{background-color: #313c93;}
.search-placeholder {
    position: relative;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    width: 100%;
	color: #aaa;
}
.card + .card {
	margin-top:40px;
}
.btn-block {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	box-shadow:0 3px 12px 1px rgba(43,55,72,0.15) !important;
}
.logo-link {
	font-weight:700;
	font-size:21px;
	position:inherit;
}
.logo-link img {
	height: 35px;
	margin: -3px 8px 0 5px;
}
.center-block {margin: 0 auto; float: none; padding: 0;}
.nk-footer-wrap {display: block;}
.nk-footer-copyright {text-align: center;}
#link_content {margin-top: 40px;}
.nk-ibx-action-item .fa { font-size: 1.2rem; }
.nk-ibx-action-item .fa + span { margin-left: 0.5rem; }
* ::-webkit-scrollbar {
    width: .375rem;
    height: .5rem
}
* ::-webkit-scrollbar-thumb {
    background-color: #6576ff;
    border-radius: 6249.9375rem
}
img.loginbtn{width: 66px;margin: 16px;}
.nk-reply-item{padding:0}
.nk-reply-item + .nk-reply-item{margin-top:10px;padding-top:12px;border-top:1px solid #e5e9f2;}
.custom-control-input{width: 2.4rem;}
.custom-control-sm>.custom-control-input{width: 1.6rem;}

.query-title {
    background-color:#f5fafe;
    word-break: keep-all;
}
.query-result{
    word-break: break-all;
}
.table-title {
    background-color:#f5fafe;
}
.dark-mode .query-title{background-color:#273b5f;}
.dark-mode .table-title{background-color:#273b5f;}

@media (max-width: 991px) {
  .dd-shell { padding-top:58px; }
  .dd-header, .dd-header-inner { height:58px; }
  .dd-header-inner { padding:0 16px; }
  .dd-header-caption, .dd-header-search, .dd-sidebar { display:none; }
  .dd-mobile-menu { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin-right:8px; border:0; background:transparent; color:var(--dd-blue); font-size:20px; }
  .dd-header .logo-link { font-size:18px; }
  .dd-header .logo-link img { width:28px; height:28px; }
  .dd-header-actions { gap:7px; }
  .dd-header-actions .nk-quick-nav > li:first-child { display:none; }
  .dd-mobile-nav { display:none; position:absolute; top:58px; left:0; right:0; padding:10px 14px 14px; background:#fff; border-bottom:1px solid var(--dd-line); box-shadow:0 12px 22px rgba(27,70,130,.1); }
  .dd-mobile-nav.is-open { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
  .dd-mobile-nav a { display:flex; align-items:center; gap:9px; min-height:40px; padding:0 12px; border-radius:8px; color:#657793; font-size:14px; }
  .dd-mobile-nav a.is-active { color:var(--dd-blue); background:#edf5ff; }
  .dd-main { margin-left:0; }
  .dd-page-heading { padding:18px 16px 10px; }
  .dd-page-heading h1 { font-size:23px; }
  .dd-page-heading p { font-size:13px; }
  .dd-hero { padding-top:24px !important; background-size:280px auto !important; }
  .dd-hero h1 { font-size:24px; }
  .dd-hero-copy { margin-bottom:18px; }
  .dd-main .nk-content-lg > .container-xl { padding-left:16px; padding-right:16px; }
  .dd-main .card-preview { border-radius:12px; }
}

@media (max-width: 575px) {
  .dd-hero { padding-bottom:20px !important; background-image:none !important; }
  .dd-hero .form-control-lx { height:50px; padding-left:18px; }
  .dd-main .card-inner { padding:16px !important; }
  .dd-main .nya-title { margin-bottom:13px; font-size:16px; }
  .dd-main .tool-link { height:48px; padding:0 12px; font-size:13px; }
  .dd-main .row.g-2 { margin-left:-4px; margin-right:-4px; }
  .dd-main .row.g-2 > [class*=col-] { padding-left:4px; padding-right:4px; }
  .dd-main .card + .card { margin-top:16px; }
  .dd-main .nk-footer { padding-bottom:12px; }
}

/* Desktop reference layout: keep the shell precise and dense. */
@media (min-width: 992px) {
  body { background:#fff !important; }
  .dd-shell { padding-top:96px; }
  .dd-header { height:96px; background:#fff !important; border-bottom:0 !important; box-shadow:none !important; overflow:visible !important; }
  .dd-header::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:#e7edf5; box-shadow:0 -3px 7px rgba(35,72,120,.14); pointer-events:none; z-index:3; }
  .dd-brand-block { position:absolute; left:0; top:0; width:278px; height:54px; display:flex; align-items:center; padding:0 32px; border-right:0; }
  .dd-brand-link { display:flex; align-items:center; gap:12px; color:#14264d; font-size:19px; font-weight:800; white-space:nowrap; }
  .dd-brand-link { transform:translateY(10px); }
  .dd-brand-link:hover { color:#14264d; }
  .dd-brand-mark { width:30px; height:30px; flex:0 0 30px; }
  .dd-topbar { height:54px; margin-left:278px; display:flex; align-items:center; justify-content:flex-end; gap:28px; padding:0 28px; transform:translateY(8px); overflow:visible; position:relative; z-index:4; }
  .dd-top-search { width:248px; height:36px; display:flex; align-items:center; gap:9px; padding:0 13px; border-radius:9px; background:#f1f5fb; }
  .dd-top-search .icon { color:#627797; font-size:16px; }
  .dd-top-search input { width:100%; height:100%; border:0; outline:0; background:transparent; color:#23395f; font-size:13px; }
  .dd-top-search input::placeholder { color:#7a8ba7; }
  .dd-top-setting { display:flex; align-items:center; gap:8px; padding:0; background:transparent; color:#5c6f8d; font-size:14px; }
  .dd-top-setting .icon { color:#243d67; font-size:19px; }
  .dd-top-setting:hover { color:#1677ff; }
  .dd-login-btn { display:inline-flex; align-items:center; justify-content:center; min-width:72px; height:36px; padding:0 20px; border-radius:999px; background:#1677ff; color:#fff !important; font-size:14px; font-weight:600; box-shadow:none; }
  .dd-login-btn:hover { background:#0f67e5; }
  .dd-lucide { width:18px; height:18px; stroke:currentColor; }
  .dd-sidebar { top:96px; width:278px; padding:18px 16px; background:#fff; border-right:0; }
  .dd-sidebar-nav { display:flex; flex-direction:column; gap:3px; }
  .dd-side-link { height:40px; margin:0; padding:0 17px; border-radius:8px; color:#35496d; font-size:14px; font-weight:500; }
  .dd-side-link .icon { width:21px; color:#223b65; font-size:19px; }
  .dd-side-link .dd-lucide { width:19px; height:19px; flex:0 0 19px; color:#223b65; }
  .dd-side-link:hover { color:#1677ff; background:#edf4ff; }
  .dd-side-link.is-active { width:calc(75% - 24px); height:42px; margin-left:16px; margin-right:auto; padding:0 16px; border-radius:21px; color:#1677ff; background:#e5efff; }
  .dd-side-link.is-active .icon { color:#1677ff; }
  .dd-side-link.is-active .dd-lucide { color:#1677ff; }
  .dd-main { margin-left:278px; min-height:calc(100vh - 96px); background:#fff; }
  .dd-page-heading { padding:24px max(28px, calc((100% - 1440px) / 2)) 16px; border-bottom:0; }
  .dd-page-heading h1 { font-size:27px; color:#0f234b; }
  .dd-page-heading p { color:#8493aa; }
  .dd-category-strip { display:none; }
  .dd-tools-content { padding:20px 0 26px !important; }
  .dd-tools-content > .container-xl { max-width:1226px; margin:0 72px; padding:0; }
  .dd-main .card-preview { border:0; background:transparent; }
  #toollist .category-card + .category-card { margin-top:22px; }
  #toollist .category-card .card-inner { padding:0 !important; }
  .dd-main .nya-title { margin:0 0 11px; font-size:16px; font-weight:800; }
  .dd-main .nya-title:before { width:4px; height:21px; margin-right:1px; background:#1677ff; }
  .dd-main .nya-title > .icon { display:none; }
  .dd-main .row.g-2 { margin-left:-5px; margin-right:-5px; }
  .dd-main .row.g-2 > [class*=col-] { padding-left:5px; padding-right:5px; }
  .dd-tool-card { min-height:72px; display:flex !important; align-items:center; gap:12px; padding:12px 12px 12px 17px !important; border:1px solid #e5edf7 !important; border-radius:7px !important; background:#fff !important; color:#14264d !important; box-shadow:none !important; text-align:left; transition:background .16s ease,border-color .16s ease; }
  .dd-tool-card:hover { border-color:#a8cbff !important; background:#f8fbff !important; color:#0f67e5 !important; transform:none; box-shadow:none !important; }
  .dd-tool-symbol { width:30px; height:30px; display:flex; align-items:center; justify-content:flex-start; flex:0 0 30px; color:#1677ff; font-size:26px; }
  .dd-tool-symbol .dd-lucide { width:28px; height:28px; stroke:currentColor; }
  .dd-tool-copy { min-width:0; display:flex; flex:1; flex-direction:column; gap:4px; line-height:1; }
  .dd-tool-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:700; }
  .dd-tool-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9aa8bc; font-size:11px; }
  .dd-tool-arrow { width:16px; height:16px; flex:0 0 16px; color:#7387a4; stroke:currentColor; }
  .dd-tool-card .dd-tool-symbol { color:#1677ff; }
  .dd-main .nk-footer { margin-top:10px; border-top:1px solid #eef2f8; }
}

/* Reference-style desktop cards: generous spacing, quiet surfaces, and a clear five-column rhythm. */
@media (min-width: 992px) {
  .dd-workspace-tabs { position:absolute; left:278px; right:0; bottom:0; height:42px; display:flex; align-items:flex-end; gap:4px; padding:0 28px; background:#fff; box-shadow:none !important; z-index:2; }
  .dd-workspace-tab { position:relative; display:inline-flex; align-items:center; gap:8px; height:32px; min-width:126px; padding:0 14px; border:0; border-radius:7px 7px 0 0; color:#56729d; background:#edf4ff; font:inherit; font-size:14px; cursor:pointer; }
  .dd-workspace-tab.is-active { color:#fff; background:#1677ff; box-shadow:0 -1px 0 rgba(255,255,255,.24) inset; }
  .dd-workspace-tab.is-active .dd-lucide { filter:brightness(0) invert(1); }
  .dd-workspace-tab .dd-lucide { width:17px; height:17px; flex:0 0 17px; }
  .dd-workspace-tab-close { margin-left:auto; width:19px; height:19px; padding:0; border:0; border-radius:50%; color:currentColor; background:transparent; font-size:18px; line-height:17px; cursor:pointer; }
  .dd-workspace-tab-close:hover { background:rgba(255,255,255,.2); }
  .dd-tool-window-host { min-height:calc(100vh - 162px); padding:20px 28px 28px; background:#f6f8fb; }
  .dd-tool-window { overflow:hidden; min-height:calc(100vh - 222px); border:1px solid #e2e9f3; border-radius:14px; background:#fff; box-shadow:0 10px 28px rgba(27,68,126,.08); }
  .dd-tool-window-frame { display:block; width:100%; min-height:calc(100vh - 224px); border:0; background:#fff; }
  .dd-home-view[hidden], .dd-tool-window-host[hidden], .dd-tool-window[hidden] { display:none !important; }
  .dd-dialog[data-state="open"] { display:grid; }
  .dd-sidebar { padding:24px 16px; overflow:auto; }
  .dd-sidebar-nav { gap:8px; }
  .dd-side-link { height:48px; margin-left:8px; margin-right:8px; padding:0 20px; border-radius:24px; color:#606975; font-size:16px; font-weight:400; }
  .dd-side-link .dd-lucide { color:#252b34; }
  .dd-side-link:hover { color:#252b34; background:#f5f6f8; }
  .dd-side-link.is-active { color:#1677ff; background:#e5efff; }
  .dd-side-link.is-active .dd-lucide { color:#1677ff; }

  .dd-main .row.g-2 { margin-left:-9px; margin-right:-9px; row-gap:18px; }
  .dd-main .row.g-2 > [class*=col-] { padding-left:9px; padding-right:9px; }
  .dd-main .row.g-2 > .col-lg-3 { flex:0 0 20%; max-width:20%; }

  .dd-tool-card {
    min-height:129px;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:22px;
    padding:21px 20px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#e6edf7 !important;
    font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;
    box-shadow:none !important;
  }
  .dd-tool-card:hover {
    border-color:#b8d4ff !important;
    background:#e0e9f5 !important;
    color:#0f67e5 !important;
    transform:none;
    box-shadow:none !important;
  }
  .dd-tool-symbol { width:100%; height:30px; flex:0 0 30px; justify-content:flex-start; }
  .dd-tool-symbol .dd-lucide { width:27px; height:27px; }
  .dd-tool-copy { width:100%; gap:6px; }
  .dd-tool-symbol, .dd-tool-copy { transform:translateY(-10px); }
  .dd-tool-copy strong { font-size:16px; font-weight:400; line-height:1.35; }
  .dd-tool-copy small { font-size:14px; color:#7b8799; line-height:1.35; }
  .dd-tool-arrow { display:none; }
}

.dd-top-setting:focus,
.dd-login-btn:focus,
.dd-dialog-close:focus,
.dd-workspace-tab:focus,
.dd-workspace-tab-close:focus {
  outline:none !important;
  box-shadow:none !important;
}

@media (max-width: 991.98px) {
  .dd-workspace-tabs { display:none; }
}

/* Shared tool workspace: every plugin page uses the same calm, centered surface. */
.dd-plugin-page {
  min-width:320px;
  min-height:100vh;
  margin:0;
  background:#fff !important;
  color:#1f2d43;
  font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;
}
.dd-plugin-page.dd-plugin-page { background:#fff !important; }
.dd-tool-workspace-open,
.dd-tool-workspace-open .dd-main,
.dd-tool-workspace-open .dd-tool-window-host,
.dd-tool-workspace-open .dd-tool-window { background:#fff !important; }
.dd-tool-workspace-open > .nk-footer { display:none !important; }
.dd-plugin-workspace { min-height:100vh; padding:0 24px 56px; }
.dd-plugin-toolbar,
.dd-plugin-content { width:min(100%,1120px); margin:0 auto; }
.dd-plugin-toolbar { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.dd-plugin-back { display:inline-flex; align-items:center; gap:10px; color:#1f2d43; font-size:20px; line-height:1; text-decoration:none; }
.dd-plugin-back:hover { color:#1677ff; text-decoration:none; }
.dd-plugin-arrow { display:inline-flex; align-items:center; width:24px; height:24px; font-size:30px; font-weight:300; line-height:1; }
.dd-plugin-icon { display:inline-flex; width:24px; height:24px; flex:0 0 24px; }
.dd-plugin-icon svg,
.dd-plugin-related-icon svg { width:100%; height:100%; }
.dd-plugin-actions { display:flex; align-items:center; gap:22px; }
.dd-plugin-action { display:grid; place-items:center; width:48px; height:48px; padding:0; border:0; border-radius:50%; background:#f5f6f8; color:#20252b; cursor:pointer; }
.dd-plugin-action:hover { background:#edf1f6; color:#1677ff; }
.dd-plugin-action:focus,
.dd-plugin-action:active { outline:none !important; box-shadow:none !important; }
.dd-plugin-action .dd-plugin-icon { width:25px; height:25px; }
.dd-plugin-action .dd-plugin-icon,
.dd-plugin-related-icon { filter:grayscale(1) brightness(.28); }
.dd-plugin-content > .container-xl,
.dd-plugin-content .container-xl { width:100%; max-width:1120px; margin:0 auto; padding:0; }
.dd-plugin-content .center-block { margin-left:auto; margin-right:auto; }
.dd-plugin-content .card,
.dd-plugin-content .card-preview,
.dd-plugin-content .card-inner { border:0; box-shadow:none; }
.dd-plugin-content .card,
.dd-plugin-content .card-preview { background:transparent; }
.dd-plugin-content .card-inner { padding:0 !important; }
.dd-plugin-content .nya-title {
  position:static !important;
  display:block !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:14px 0 38px !important;
  padding:0 !important;
  transform:none !important;
  overflow:visible !important;
  text-align:center;
  color:#1f2d43 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:30px;
  line-height:1.25;
  font-weight:500;
}
.dd-plugin-content .nya-title:before,
.dd-plugin-content .nya-title:after { display:none !important; }
.dd-plugin-content .nya-title > .nk-menu-text {
  position:static !important;
  display:inline !important;
  padding:0 !important;
  background:transparent !important;
  color:inherit !important;
  font-weight:500 !important;
  text-shadow:none !important;
}
.dd-plugin-content .nya-title + .form-group,
.dd-plugin-content .nya-title + .row,
.dd-plugin-content .nya-title + .form-control-wrap { clear:both; }
.dd-plugin-content .form-label,
.dd-plugin-content .form-group > label { color:#263650; font-size:15px; font-weight:500; }
.dd-plugin-content .form-control,
.dd-plugin-content .custom-select,
.dd-plugin-content select,
.dd-plugin-content input:not([type=checkbox]):not([type=radio]),
.dd-plugin-content textarea { border:0; border-radius:10px; background:#f3f4f6; box-shadow:none; color:#263650; }
.dd-plugin-content .form-control:focus,
.dd-plugin-content select:focus,
.dd-plugin-content input:focus,
.dd-plugin-content textarea:focus { border:0; outline:0; box-shadow:0 0 0 2px rgba(22,119,255,.15); }
.dd-plugin-content .btn { border-radius:8px; box-shadow:none; font-weight:400; }
.dd-plugin-content .btn-outline-primary,
.dd-plugin-content .btn-outline-secondary { border-color:#dce7f5; background:#f4f8ff; color:#1677ff; }
.dd-plugin-content .btn-outline-primary:hover,
.dd-plugin-content .btn-outline-secondary:hover { border-color:#c6dbf7; background:#eaf3ff; color:#0f67e5; }
.dd-plugin-content .table { border-color:#e6ebf2; background:#fff; }
.dd-plugin-content .table td,
.dd-plugin-content .table th { border-color:#e6ebf2; }
.dd-plugin-related { width:min(100%,930px); margin:92px auto 0; }
.dd-plugin-related h2 { margin:0 0 24px; text-align:center; color:#202b3d; font-size:23px; font-weight:600; }
.dd-plugin-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.dd-plugin-related-card { min-height:134px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:20px; border:0; border-radius:14px; background:#f3f4f6; color:#202b3d; text-decoration:none; }
.dd-plugin-related-card:hover { background:#eaf3ff; color:#1677ff; text-decoration:none; }
.dd-plugin-related-icon { display:inline-flex; width:28px; height:28px; }
.dd-plugin-related-card span { overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
.dd-plugin-page .nk-footer { display:none; }

@media (max-width: 991.98px) {
  .dd-plugin-workspace { padding:0 16px 40px; }
  .dd-plugin-toolbar { min-height:64px; }
  .dd-plugin-back { font-size:16px; }
  .dd-plugin-actions { gap:10px; }
  .dd-plugin-action { width:40px; height:40px; }
  .dd-plugin-action .dd-plugin-icon { width:21px; height:21px; }
  .dd-plugin-content .nya-title { margin:12px 0 24px; font-size:24px; }
  .dd-plugin-related { margin-top:56px; }
  .dd-plugin-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .dd-plugin-related-card { min-height:112px; gap:13px; }
}

/* Embedded tool pages: the selected tool is a full workspace, not a card inside a card. */
@media (min-width: 992px) {
  .dd-tool-window-host {
    min-height:calc(100vh - 138px) !important;
    padding:0 !important;
    background:#fff !important;
  }
  .dd-tool-window {
    min-height:calc(100vh - 138px) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  .dd-tool-window-frame {
    width:100% !important;
    min-height:calc(100vh - 138px) !important;
    height:calc(100vh - 138px) !important;
    border:0 !important;
    background:#fff !important;
  }
}

/* One theme for legacy tool markup that still carries DashLite color classes. */
.dd-plugin-page,
.dd-plugin-page .dd-plugin-content,
.dd-plugin-page .dd-plugin-content #app {
  --dd-tool-blue:#1677ff;
  --dd-tool-ink:#1f2d43;
  --dd-tool-muted:#7b8799;
  --dd-tool-surface:#f3f6fa;
  --dd-tool-line:#dce6f2;
  color:var(--dd-tool-ink);
}
.dd-plugin-page .dd-plugin-workspace { padding:0; }
.dd-plugin-page .dd-plugin-content { width:100%; max-width:none; margin:0; }
.dd-plugin-page .dd-plugin-toolbar { width:100%; max-width:none; min-height:78px; padding:0 40px; }
.dd-plugin-page .dd-plugin-actions { margin-left:auto; }
.dd-plugin-page .dd-plugin-content > .container-xl,
.dd-plugin-page .dd-plugin-content .container-xl { max-width:1120px; }
.dd-plugin-page .dd-plugin-content .card,
.dd-plugin-page .dd-plugin-content .card-preview,
.dd-plugin-page .dd-plugin-content .card-inner { border:0 !important; box-shadow:none !important; }
.dd-plugin-page .dd-plugin-content .card,
.dd-plugin-page .dd-plugin-content .card-preview { background:transparent !important; }
.dd-plugin-page .dd-plugin-content .card-inner { padding:0 !important; }
.dd-plugin-page .dd-plugin-content .form-group { color:var(--dd-tool-ink); }
.dd-plugin-page .dd-plugin-content .form-label,
.dd-plugin-page .dd-plugin-content .form-group > label,
.dd-plugin-page .dd-plugin-content h1,
.dd-plugin-page .dd-plugin-content h2,
.dd-plugin-page .dd-plugin-content h3,
.dd-plugin-page .dd-plugin-content h4,
.dd-plugin-page .dd-plugin-content h5,
.dd-plugin-page .dd-plugin-content h6 { color:var(--dd-tool-ink) !important; }
.dd-plugin-page .dd-plugin-content a { color:var(--dd-tool-blue); }
.dd-plugin-page .dd-plugin-content .form-control,
.dd-plugin-page .dd-plugin-content .custom-select,
.dd-plugin-page .dd-plugin-content select,
.dd-plugin-page .dd-plugin-content input:not([type=checkbox]):not([type=radio]),
.dd-plugin-page .dd-plugin-content textarea {
  border:0 !important;
  border-radius:10px;
  background:var(--dd-tool-surface) !important;
  color:var(--dd-tool-ink);
  box-shadow:none !important;
}
.dd-plugin-page .dd-plugin-content .form-control:focus,
.dd-plugin-page .dd-plugin-content .custom-select:focus,
.dd-plugin-page .dd-plugin-content select:focus,
.dd-plugin-page .dd-plugin-content input:focus,
.dd-plugin-page .dd-plugin-content textarea:focus {
  outline:0 !important;
  box-shadow:0 0 0 2px rgba(22,119,255,.18) !important;
}
.dd-plugin-page .dd-plugin-content .custom-control-label,
.dd-plugin-page .dd-plugin-content .custom-radio,
.dd-plugin-page .dd-plugin-content .custom-checkbox { color:var(--dd-tool-ink); }
.dd-plugin-page .dd-plugin-content .custom-control-input:checked ~ .custom-control-label::before,
.dd-plugin-page .dd-plugin-content .custom-radio .custom-control-input:checked ~ .custom-control-label::before { border-color:var(--dd-tool-blue); background-color:var(--dd-tool-blue); }
.dd-plugin-page .dd-plugin-content .progress { background:#e9f0f8; box-shadow:none; }
.dd-plugin-page .dd-plugin-content .progress-bar { background:var(--dd-tool-blue) !important; }
.dd-plugin-page .dd-plugin-content .btn,
.dd-plugin-page .dd-plugin-content .btn-outline-light,
.dd-plugin-page .dd-plugin-content .btn-outline-dark,
.dd-plugin-page .dd-plugin-content .btn-outline-primary,
.dd-plugin-page .dd-plugin-content .btn-outline-secondary {
  border-color:var(--dd-tool-line) !important;
  border-radius:8px;
  background:#f4f8ff !important;
  color:var(--dd-tool-blue) !important;
  box-shadow:none !important;
}
.dd-plugin-page .dd-plugin-content .btn:hover,
.dd-plugin-page .dd-plugin-content .btn:focus,
.dd-plugin-page .dd-plugin-content .btn-active,
.dd-plugin-page .dd-plugin-content .btn-primary {
  border-color:var(--dd-tool-blue) !important;
  background:var(--dd-tool-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.dd-plugin-page .dd-plugin-content #fileInput {
  position:relative;
  min-height:176px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px dashed #c6d9f2 !important;
  background:#fbfdff !important;
  color:#617898 !important;
}
.dd-plugin-page .dd-plugin-content #fileInput .preview-icon-wrap,
.dd-plugin-page .dd-plugin-content #fileInput .preview-icon-wrap .ni { color:var(--dd-tool-blue) !important; }
.dd-plugin-page .dd-plugin-content #output { background:var(--dd-tool-surface) !important; }
.dd-plugin-page .dd-plugin-content .accordion-inner,
.dd-plugin-page .dd-plugin-content .query-title,
.dd-plugin-page .dd-plugin-content .table-title { background:transparent !important; color:var(--dd-tool-muted) !important; }
.dd-plugin-page .dd-plugin-content .text-primary,
.dd-plugin-page .dd-plugin-content .text-info,
.dd-plugin-page .dd-plugin-content .text-success { color:var(--dd-tool-blue) !important; }
.dd-plugin-page .dd-plugin-content .text-danger { color:#d66b6b !important; }
.dd-plugin-page .dd-plugin-content .text-muted { color:var(--dd-tool-muted) !important; }
.dd-embedded-plugin .dd-plugin-back { display:none !important; }
.dd-embedded-plugin .dd-plugin-actions { margin-left:auto; }

@media (max-width: 991.98px) {
  .dd-plugin-page .dd-plugin-toolbar { min-height:58px; padding:0 16px; }
  .dd-plugin-page .dd-plugin-content > .container-xl,
  .dd-plugin-page .dd-plugin-content .container-xl { max-width:none; }
}

/* Mobile workspace: two-row header, visible tabs, compact two-column tool cards. */
@media (max-width: 991.98px) {
  body { background:#f6f8fc !important; overflow-x:hidden; }
  .dd-shell { padding-top:154px !important; }
  .dd-header {
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    height:112px !important;
    overflow:visible !important;
    background:#fff !important;
    border-bottom:0 !important;
    box-shadow:0 2px 10px rgba(35,72,120,.06) !important;
  }
  .dd-header::after { display:none !important; }
  .dd-brand-block {
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:56px;
    padding:0 16px;
    display:flex;
    align-items:center;
  }
  .dd-brand-link {
    display:flex;
    align-items:center;
    gap:8px;
    color:#14264d;
    font-size:17px;
    font-weight:800;
    white-space:nowrap;
    transform:none !important;
  }
  .dd-brand-link:hover { color:#14264d; }
  .dd-brand-mark { width:26px; height:26px; flex-basis:26px; }
  .dd-topbar {
    position:absolute;
    top:56px;
    left:0;
    right:0;
    height:56px;
    margin:0;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    transform:none !important;
    overflow:visible;
  }
  .dd-top-search {
    min-width:0;
    width:auto;
    flex:1 1 auto;
    height:38px;
    display:flex;
    align-items:center;
    padding:0 11px;
    border-radius:10px;
    background:#f1f5fb;
  }
  .dd-top-search .dd-lucide { width:17px; height:17px; color:#1677ff; flex:0 0 17px; }
  .dd-top-search input { min-width:0; font-size:13px; }
  .dd-top-search input { width:100%; height:100%; border:0 !important; outline:0 !important; background:transparent !important; color:#23395f; }
  .dd-top-search input::placeholder { color:#7a8ba7; }
  .dd-top-setting {
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    padding:0;
    border-radius:10px;
    background:#f1f5fb;
    color:#1677ff;
    font-size:0;
  }
  .dd-top-setting span { display:none; }
  .dd-top-setting .dd-lucide { width:19px; height:19px; }
  .dd-login-btn {
    min-width:58px;
    height:38px;
    flex:0 0 auto;
    padding:0 14px;
    border-radius:10px;
    font-size:13px;
  }
  .dd-mobile-menu {
    position:absolute;
    top:9px;
    right:12px;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    border:0;
    border-radius:10px;
    background:#f1f5fb;
    color:#1677ff;
  }
  .dd-mobile-menu .dd-lucide { width:20px; height:20px; }
  .dd-mobile-nav {
    top:112px;
    z-index:1100;
    padding:10px 12px 12px;
    background:#fff;
    border:0;
    border-bottom:1px solid #e7edf5;
    box-shadow:0 8px 18px rgba(35,72,120,.10);
  }
  .dd-mobile-nav.is-open { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .dd-mobile-nav a { min-height:42px; padding:0 12px; border-radius:9px; font-size:14px; }

  .dd-workspace-tabs {
    position:absolute;
    top:112px;
    left:0;
    right:0;
    height:42px;
    display:flex !important;
    align-items:flex-end;
    gap:4px;
    padding:0 12px;
    overflow-x:auto;
    overflow-y:hidden;
    background:#fff;
    border-bottom:0;
    box-shadow:none !important;
    z-index:1001;
    scrollbar-width:none;
  }
  .dd-workspace-tabs::-webkit-scrollbar { display:none; }
  .dd-workspace-tab {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    height:32px;
    min-width:112px;
    padding:0 12px;
    border:0;
    border-radius:8px 8px 0 0;
    color:#56729d;
    background:#edf4ff;
    font-size:13px;
    white-space:nowrap;
  }
  .dd-workspace-tab.is-active { color:#fff; background:#1677ff; }
  .dd-workspace-tab .dd-lucide { width:16px; height:16px; flex:0 0 16px; }
  .dd-workspace-tab-close { width:18px; height:18px; font-size:16px; line-height:16px; }

  .dd-sidebar { display:none !important; }
  .dd-main { margin-left:0 !important; min-height:calc(100vh - 154px); background:#f6f8fc; }
  .dd-page-heading { padding:18px 16px 12px; background:#fff; border-bottom:1px solid #e7edf5; }
  .dd-page-heading h1 { font-size:23px; line-height:1.3; }
  .dd-page-heading p { font-size:13px; line-height:1.55; }
  .dd-tools-content { padding:14px 0 28px !important; }
  .dd-tools-content > .container-xl { width:100%; max-width:none; margin:0; padding:0 12px; }
  #toollist .category-card,
  #toollist .category-card + .category-card { margin-top:0; margin-bottom:16px; border:0 !important; border-radius:14px; background:#fff; box-shadow:none !important; }
  #toollist .category-card .card-inner { padding:16px 12px 14px !important; }
  .dd-main .nya-title { width:100%; margin:0 4px 12px; font-size:16px; font-weight:600; }
  .dd-main .nya-title:before { width:3px; height:18px; }
  .dd-main .row.g-2 { margin-left:-5px; margin-right:-5px; row-gap:10px; }
  .dd-main .row.g-2 > [class*=col-] { padding-left:5px; padding-right:5px; }
  .dd-tool-card {
    min-height:78px;
    height:auto !important;
    align-items:center;
    gap:8px;
    padding:11px 9px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#eef3f9 !important;
    box-shadow:none !important;
  }
  .dd-tool-symbol { width:24px; height:24px; flex:0 0 24px; justify-content:flex-start; transform:none !important; }
  .dd-tool-symbol .dd-lucide { width:22px; height:22px; }
  .dd-tool-copy { gap:3px; transform:none !important; }
  .dd-tool-copy strong { font-size:13px; font-weight:400; line-height:1.3; }
  .dd-tool-copy small { font-size:10px; line-height:1.3; color:#8493aa; }
  .dd-tool-arrow { display:inline-block; width:14px; height:14px; flex:0 0 14px; color:#6d86a8; }
  .dd-main .nk-footer { margin-top:0; padding:14px 12px; font-size:11px; }
  .dd-tool-window-host { min-height:calc(100vh - 154px) !important; padding:0 !important; background:#fff !important; }
  .dd-tool-window { min-height:calc(100vh - 154px) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
  .dd-tool-window-frame { display:block !important; width:100% !important; min-height:calc(100vh - 154px) !important; height:calc(100vh - 154px) !important; }

  .dd-dialog { padding:12px; }
  .dd-dialog-panel { width:100%; max-height:calc(100vh - 24px); overflow:auto; }
  .dd-dialog-header { padding:18px 18px 10px; }
  .dd-dialog-body { padding:14px 18px 20px; }
  .dd-radio-group { gap:12px 18px; }

  .dd-plugin-page .dd-plugin-toolbar { min-height:58px; padding:0 14px; }
  .dd-plugin-page .dd-plugin-actions { gap:8px; }
  .dd-plugin-page .dd-plugin-action { width:38px; height:38px; }
  .dd-plugin-page .dd-plugin-action .dd-plugin-icon { width:20px; height:20px; }
  .dd-plugin-page .dd-plugin-content { padding:0 14px 28px; }
  .dd-plugin-page .dd-plugin-content > .container-xl,
  .dd-plugin-page .dd-plugin-content .container-xl { padding:0; }
  .dd-plugin-page .dd-plugin-content .center-block { width:100%; }
  .dd-plugin-page .dd-plugin-content .nya-title { margin:8px 0 22px !important; font-size:24px; }
  .dd-plugin-page .dd-plugin-content .form-group { margin-bottom:16px; }
  .dd-plugin-page .dd-plugin-content .form-label { font-size:14px; }
  .dd-plugin-page .dd-plugin-content .custom-radio { margin-right:10px !important; margin-bottom:8px; }
  .dd-plugin-page .dd-plugin-content #fileInput { min-height:142px; padding:24px 12px !important; }
  .dd-plugin-page .dd-plugin-related { margin-top:48px; }
  .dd-plugin-page .dd-plugin-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .dd-plugin-page .dd-plugin-related-card { min-height:96px; gap:12px; padding:14px 8px; border-radius:10px; }
  .dd-plugin-page .dd-plugin-related-card span { font-size:13px; }
}

@media (max-width: 380px) {
  .dd-brand-link span { max-width:112px; overflow:hidden; text-overflow:ellipsis; }
  .dd-topbar { padding:0 8px; gap:6px; }
  .dd-top-setting { width:34px; flex-basis:34px; }
  .dd-login-btn { min-width:52px; padding:0 10px; }
  .dd-tool-card { min-height:74px; padding-left:7px !important; padding-right:7px !important; }
  .dd-tool-copy strong { font-size:12px; }
  .dd-tool-copy small { font-size:9px; }
}