.onucn-widget{--onucn-accent:#6c5ce7;--onucn-accent-2:#4f8cff;--onucn-radius:12px;--onucn-min:180px;--onucn-gap:12px;--onucn-columns:6;width:100%;min-width:0;box-sizing:border-box}.onucn-widget *,.onucn-widget *:before,.onucn-widget *:after{box-sizing:border-box}.onucn-widget .star-customize-nav{position:relative;overflow:visible}.onucn-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.onucn-toolbar .tab-title{font-weight:700;white-space:nowrap}.onucn-subtitle{color:#8a91a0}.onucn-tabs{display:flex;align-items:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.onucn-tabs::-webkit-scrollbar{display:none}.onucn-tabs .tab-item{position:relative;flex:0 0 auto;list-style:none}.onucn-tabs .tab-item>a{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:9px;color:inherit;text-decoration:none!important;transition:.2s ease}.onucn-tabs .tab-item.active>a{color:#fff;background:linear-gradient(135deg,var(--onucn-accent),var(--onucn-accent-2));box-shadow:0 7px 18px color-mix(in srgb,var(--onucn-accent) 25%,transparent)}.onucn-count{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;font-size:10px;background:rgba(120,128,145,.15)}.onucn-tabs .active .onucn-count{background:rgba(255,255,255,.2)}.star-customize-add-term-btn>a{border:1px dashed rgba(120,128,145,.35)}.onucn-editor-tools{position:relative;margin-left:auto;display:flex;align-items:center}.onucn-editor-tools .btn{border-radius:8px;text-decoration:none!important}.onucn-edit-menu{position:absolute;z-index:50;right:0;top:calc(100% + 8px);min-width:170px;padding:7px;border-radius:12px;background:#fff;box-shadow:0 16px 45px rgba(25,31,45,.18);border:1px solid rgba(120,128,145,.14)}.onucn-edit-menu[hidden]{display:none!important}.onucn-edit-menu .dropdown-item{display:flex;align-items:center;padding:8px 10px;border-radius:8px;color:#4a5160;text-decoration:none!important}.onucn-edit-menu .dropdown-item:hover{color:var(--onucn-accent);background:color-mix(in srgb,var(--onucn-accent) 8%,#fff)}.onucn-site-grid{display:grid!important;grid-template-columns:repeat(var(--onucn-current-cols,1),minmax(0,1fr));gap:var(--onucn-gap)!important;margin:0!important}.onucn-site-wrap{width:auto!important;max-width:none!important;padding:0!important;min-width:0}.onucn-site-wrap article{position:relative;height:100%;margin:0}.onucn-site-card{position:relative;display:flex;align-items:center;gap:10px;min-width:0;height:100%;padding:10px 12px;border-radius:var(--onucn-radius);color:inherit!important;text-decoration:none!important;background:rgba(255,255,255,.78);border:1px solid rgba(120,128,145,.10);box-shadow:0 5px 16px rgba(24,32,50,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.onucn-site-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--onucn-accent) 40%,transparent);box-shadow:0 10px 25px rgba(24,32,50,.10)}.onucn-icon-box{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--onucn-accent) 14%,#fff),color-mix(in srgb,var(--onucn-accent-2) 20%,#fff))}.onucn-site-icon{display:block;width:100%;height:100%;object-fit:cover}.onucn-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-weight:800;color:var(--onucn-accent);font-size:18px}.onucn-site-info{display:flex;flex-direction:column;min-width:0;flex:1}.onucn-site-title,.onucn-site-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onucn-site-title{font-size:14px;line-height:1.35}.onucn-site-summary{margin-top:2px;color:#9298a5;font-size:12px}.onucn-go{opacity:.32;font-size:14px}.onucn-badge{position:absolute;z-index:2;left:-5px;top:-7px;padding:2px 7px;border-radius:7px 7px 7px 1px;color:#fff;background:linear-gradient(135deg,#ff6b7a,#ff3557);font-size:10px;font-weight:700;box-shadow:0 4px 12px rgba(255,53,87,.22)}.onucn-card-controls{position:absolute;z-index:5;right:4px;top:4px;display:flex;gap:4px}.onucn-card-controls button{width:25px;height:25px;padding:0;border:0;border-radius:7px;cursor:pointer;background:#fff;color:#505666;box-shadow:0 4px 12px rgba(24,32,50,.12)}.onucn-card-controls button:disabled{opacity:.4;cursor:not-allowed}.onucn-editing .onucn-site-card{padding-right:62px}.onucn-dragging{opacity:.45}.onucn-nothing{grid-column:1/-1;display:flex;min-height:140px;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed rgba(120,128,145,.28);border-radius:14px;color:#8a91a0}.onucn-nothing-icon{font-size:34px}.onucn-modal[hidden]{display:none!important}.onucn-modal{position:fixed!important;z-index:100000!important;inset:0;display:flex!important;align-items:center;justify-content:center;padding:18px}.onucn-modal-backdrop{position:absolute;inset:0;background:rgba(20,24,32,.58);backdrop-filter:blur(6px)}.onucn-modal .modal-dialog{position:relative;z-index:1;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;margin:0}.onucn-modal .modal-content{border:0;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}.onucn-modal .modal-body{position:relative;padding:25px}.onucn-x{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;font-size:22px;line-height:1;background:#eff1f5;color:#596171;cursor:pointer}.onucn-modal label{font-weight:600}.onucn-modal .form-control{width:100%;border:1px solid #dfe3e9;border-radius:9px;padding:9px 11px;box-shadow:none}.onucn-modal .input-group{display:flex}.onucn-modal .input-group .form-control{border-radius:9px 0 0 9px}.onucn-modal .input-group-append .btn{height:100%;border-radius:0 9px 9px 0}.star-customize-addsite-row{display:flex;gap:14px}.posts-cover-box{flex:0 0 66px}.posts-cover-img{position:relative;width:66px;height:66px;border-radius:14px;overflow:hidden;background:#f2f4f7;border:1px solid #e2e6ec}.posts-cover-img img{width:100%;height:100%;object-fit:cover}.onucn-letter-icon{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--onucn-accent)}.onucn-import-file{text-align:center;padding:25px;border:1px dashed #cfd5de;border-radius:14px}.onucn-import-result{margin-top:15px}.onucn-import-head{display:flex;justify-content:space-between;padding:8px 10px;border-radius:9px;background:#f4f6f9}.onucn-import-list{max-height:320px;overflow:auto;margin-top:8px}.onucn-import-list label{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #eef0f3}.onucn-import-list label>span{display:flex;min-width:0;flex-direction:column}.onucn-import-list strong,.onucn-import-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onucn-import-list small{color:#8f96a2}.onucn-context-menu{position:fixed;z-index:100100;width:170px;padding:7px;border-radius:12px;background:#fff;border:1px solid rgba(120,128,145,.14);box-shadow:0 18px 48px rgba(25,31,45,.22)}.onucn-context-menu[hidden]{display:none!important}.onucn-context-menu button{display:block;width:100%;padding:8px 10px;border:0;border-radius:7px;text-align:left;background:transparent;color:#495160;cursor:pointer}.onucn-context-menu button:hover{background:#f2f4f7}.onucn-context-menu button:disabled{opacity:.4}.onucn-toast{position:fixed;z-index:100200;left:50%;bottom:36px;transform:translateX(-50%);max-width:min(420px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;color:#fff;background:#323844;box-shadow:0 14px 40px rgba(0,0,0,.22)}.onucn-toast.success{background:#16a66a}.onucn-toast.error{background:#df4059}.onucn-toast[hidden]{display:none!important}.onucn-skeleton{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.onucn-skeleton:empty{display:none}.onucn-modal-open{overflow:hidden!important}.star-customize-nav[data-card-mode=min] .onucn-site-card{padding:7px 9px}.star-customize-nav[data-card-mode=min] .onucn-icon-box{width:34px;height:34px;flex-basis:34px;border-radius:9px}.star-customize-nav[data-card-mode=min] .onucn-site-summary{display:none}.star-customize-nav[data-card-mode=max] .onucn-site-card{padding:14px}.star-customize-nav[data-card-mode=max] .onucn-icon-box{width:48px;height:48px;flex-basis:48px}.star-customize-nav[data-card-mode=max] .onucn-site-title{font-size:15px}@media(max-width:991px){.onucn-site-grid{grid-template-columns:repeat(var(--onucn-current-cols,1),minmax(0,1fr))}.onucn-toolbar{align-items:flex-start}.onucn-subtitle{width:100%;order:3}.onucn-editor-tools{margin-left:0}}@media(max-width:600px){.onucn-widget{--onucn-min:145px!important}.onucn-tabs{width:100%;order:4}.onucn-editor-tools{position:absolute;right:10px;top:8px}.onucn-site-card{padding:9px}.onucn-icon-box{width:38px;height:38px;flex-basis:38px}.onucn-site-summary{font-size:11px}.onucn-modal{padding:8px}.onucn-modal .modal-body{padding:22px 15px}.star-customize-addsite-row{align-items:flex-start}.onucn-edit-menu{right:0;top:36px}}
body.dark .onucn-edit-menu,body.dark .onucn-modal .modal-content,body.dark .onucn-context-menu,.dark-mode .onucn-edit-menu,.dark-mode .onucn-modal .modal-content,.dark-mode .onucn-context-menu{background:#252932;color:#eef1f6;border-color:rgba(255,255,255,.08)}body.dark .onucn-site-card,.dark-mode .onucn-site-card{background:rgba(31,35,44,.88);border-color:rgba(255,255,255,.07)}body.dark .onucn-site-summary,.dark-mode .onucn-site-summary{color:#9ca4b2}body.dark .onucn-modal .form-control,.dark-mode .onucn-modal .form-control{background:#1f2229;color:#f2f4f7;border-color:#3a3f49}


/* =========================================================
 * v1.0.1 OneNav 5.58 / Bootstrap 冲突修复
 * ======================================================= */
.onucn-widget,
.onucn-widget .content-card,
.onucn-widget .star-customize-nav,
.onucn-widget .user-custome,
.onucn-widget .onucn-content,
.onucn-widget .tab-content,
.onucn-widget .tab-pane{
	height:auto!important;
	max-height:none!important;
	min-height:0;
	overflow:visible!important;
}
.onucn-widget .onucn-toolbar{
	display:grid!important;
	grid-template-columns:auto auto minmax(180px,1fr) auto!important;
	align-items:center!important;
	column-gap:12px!important;
	row-gap:8px!important;
	width:100%!important;
	height:auto!important;
	min-height:38px!important;
	max-height:none!important;
	padding:0!important;
	margin:0 0 10px!important;
	overflow:visible!important;
	position:relative!important;
}
.onucn-widget .onucn-toolbar>.tab-title{
	grid-column:1;
	min-width:max-content;
	margin:0!important;
	line-height:34px!important;
}
.onucn-widget .onucn-toolbar>.onucn-subtitle{
	grid-column:2;
	width:auto!important;
	min-width:max-content;
	order:initial!important;
	line-height:1.35!important;
}
.onucn-widget .onucn-toolbar>.onucn-tabs{
	grid-column:3;
	display:flex!important;
	align-items:center!important;
	gap:3px!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	height:auto!important;
	min-height:34px!important;
	max-height:none!important;
	padding:3px 4px!important;
	margin:0!important;
	border:1px solid rgba(120,128,145,.12)!important;
	border-radius:10px!important;
	background:rgba(132,139,153,.12)!important;
	overflow-x:auto!important;
	overflow-y:visible!important;
	clip-path:none!important;
	mask-image:none!important;
	-webkit-mask-image:none!important;
}
.onucn-widget .onucn-tabs:before,
.onucn-widget .onucn-tabs:after{display:none!important;content:none!important}
.onucn-widget .onucn-tabs .tab-item{
	display:block!important;
	flex:0 0 auto!important;
	width:auto!important;
	height:auto!important;
	min-height:28px!important;
	max-height:none!important;
	padding:0!important;
	margin:0!important;
	overflow:visible!important;
	clip-path:none!important;
}
.onucn-widget .onucn-tabs .tab-item>a{
	dis:flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:28px!important;
	padding:5px 13px!important;
	line-height:18px!important;
	border-radius:8px!important;
	white-space:nowrap!important;
	overflow:visible!important;
}
.onucn-widget .star-customize-add-term-btn>a{
	min-width:38px!important;
	padding-left:10px!important;
	padding-right:10px!important;
}
.onucn-widget .onucn-toolbar>.tab-to-more{display:none!important}
.onucn-widget .onucn-toolbar>.onucn-editor-tools{
	grid-column:4;
	position:relative!important;
	right:auto!important;
	top:auto!important;
	margin:0!important;
	min-width:max-content;
	overflow:visible!important;
}

/* WordPress/OneNav 的 dropdown-menu 默认 display:none，hidden 解除后仍不会出现。 */
.onucn-widget .onucn-edit-menu:not([hidden]),
.onucn-widget .onucn-edit-menu.show{
	display:block!important;
	opacity:1!important;
	visibility:visible!important;
	pointer-events:auto!important;
	transform:none!important;
	clip:auto!important;
	height:auto!important;
	max-height:none!important;
	overflow:visible!important;
}

/* Bootstrap .modal.fade 在未调用其 JS 时会保持透明；插件采用自己的弹窗控制。 */
.onucn-modal:not([hidden]),
.onucn-modal.onucn-modal-visible,
.onucn-modal.show{
	dis:flex!important;
	opacity:1!important;
	visibility:visible!important;
	pointer-events:auto!important;
}
.onucn-modal.fade:not(.show){opacity:1!important}
.onucn-modal .modal-dialog{
	opacity:1!important;
	visibility:visible!important;
	transform:none!important;
	pointer-events:auto!important;
}
.onucn-modal .modal-content{display:block!important;opacity:1!important;visibility:visible!important}
.onucn-modal-backdrop{display:block!important;opacity:1!important;visibility:visible!important}

/* 防止主题给内容区固定高度，网址数量增加后仍能完整撑开。 */
.onucn-widget .onucn-site-grid{
	height:auto!important;
	max-height:none!important;
	overflow:visible!important;
	padding-top:1px;
	padding-bottom:1px;
}

@media(max-width:991px){
	.onucn-widget .onucn-toolbar{
		grid-template-columns:auto minmax(0,1fr) auto!important;
	}
	.onucn-widget .onucn-toolbar>.tab-title{grid-column:1}
	.onucn-widget .onucn-toolbar>.onucn-subtitle{grid-column:2;min-width:0!important;white-space:normal}
	.onucn-widget .onucn-toolbar>.onucn-tabs{grid-column:1 / span 2;grid-row:2}
	.onucn-widget .onucn-toolbar>.onucn-editor-tools{grid-column:3;grid-row:1 / span 2;align-self:start}
}
@media(max-width:600px){
	.onucn-widget .onucn-toolbar{
		grid-template-columns:minmax(0,1fr) auto!important;
		padding-right:0!important;
	}
	.onucn-widget .onucn-toolbar>.tab-title{grid-column:1;grid-row:1}
	.onucn-widget .onucn-toolbar>.onucn-subtitle{grid-column:1;grid-row:2}
	.onucn-widget .onucn-toolbar>.onucn-tabs{grid-column:1 / -1;grid-row:3;width:100%!important}
	.onucn-widget .onucn-toolbar>.onucn-editor-tools{grid-column:2;grid-row:1 / span 2;position:relative!important;right:auto!important;top:auto!important}
}
