/* ========================================
   Sun-Panel iOS Glass Theme - 最终整合版
   统一排版 / 修复靠左 / 优化图标尺寸
   ======================================== */

/* ===== 1. 全局变量（高级感精修版） ===== */
:root {
    /* 背景：更透、更亮 */
    --glass-bg: rgba(255, 255, 255, 0.10);
    --glass-bg-strong: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.20);
    --glass-highlight: rgba(255, 255, 255, 0.25);
    
    /* 阴影：更收敛、更细腻 */
    --glass-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.05);
    --glass-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.18), 0 4px 10px rgba(0, 0, 0, 0.08);

    --text-main: rgba(255, 255, 255, 0.98);
    --text-sub: rgba(255, 255, 255, 0.72);
    --text-faint: rgba(255, 255, 255, 0.50);

    --blur-main: 18px;          /* 增加模糊值，更通透 */
    --radius-card: 20px;         /* 圆角稍大更现代 */
    --radius-soft: 16px;

    /* 图标尺寸保持不变（黄金比例版本） */
    --app-icon-size: 32px;
    --app-icon-slot: 60px;
    --small-icon-size: 40px;
    --pure-icon-size: 40px;

    --title-size: 26px;          /* 标题稍大一点点 */
    --app-name-size: 15px;
    --app-desc-size: 11px;

    --ease: cubic-bezier(0.23, 1, 0.32, 1); /* 更柔和的缓动 */
}

/* ===== 图标统一纯白色滤镜 ===== */
.item-card-content .item-icon img,
.item-card-content .item-icon svg,
.app-icon-small-icon .item-icon img,
.app-icon-small-icon .item-icon svg,
.app-icon-info-icon svg,
.app-icon-info-icon img,
div.app-icon-info-icon svg,
div.app-icon-info-icon img {
    filter: brightness(0) invert(1) !important;
    transition: filter 0.25s ease !important;
}

/* ===== 2. 基础字体（优化版） ===== */
html,
body,
#app,
.sun-main,
.n-config-provider,
input,
button,
textarea,
select {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

div, span, a {
    font-family: inherit !important;
}

/* ===== 2.1 全局字重微调（高级感文字） ===== */
body {
    font-weight: 450 !important;           /* 稍微重一点，更清晰 */
    letter-spacing: 0 !important;          /* 中文不要额外字间距 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 标题增加一点负字间距，更紧凑有力 */
.item-card-group-title-title,
.group-title.text-shadow,
.system-monitor-header .text-shadow {
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* 清除所有伪元素装饰（防止干扰） */
.w-full .font-semibold::before,
.w-full .font-semibold::after,
.item-card-content::before,
.item-card-small-icon::before,
.item-card-info::before,
.icon-info-box .rounded-2xl::before {
    content: none !important;
    display: none !important;
}

/* ===== 3. 页面背景与氛围光 ===== */
.mask {
    background: linear-gradient(to bottom, rgba(0,0,0,.14), rgba(0,0,0,.24)) !important;
}
.sun-main { position: relative; }
.sun-main::before {
    content: "";
    position: fixed;
    left: 50%;
    top: 26%;
    width: 280px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(255,145,50,.20) 0%, rgba(255,145,50,0) 70%);
    filter: blur(56px);
    pointer-events: none;
    z-index: 0;
    animation: glassGlow 10s ease-in-out infinite;
}
@keyframes glassGlow {
    0%,100% { transform: translateX(-50%) translateY(0) scale(1); opacity: .75; }
    50% { transform: translateX(-50%) translateY(-10px) scale(1.06); opacity: 1; }
}

/* ===== 4. 顶部间距与标题 ===== */
.scroll-container div.p-2\.5.mx-auto {
    margin-top: 42px !important;
    position: relative;
    z-index: 2;
}
.flex.mx-\[auto\].items-center.justify-center.text-white {
    position: relative;
    z-index: 3;
    gap: 10px;
}
.logo .font-bold,
.logo .text-2xl,
.logo .md\:text-6xl {
    color: var(--text-main) !important;
    font-size: clamp(40px, 5.4vw, 62px) !important;
    font-weight: 700 !important;
    letter-spacing: .4px;
    line-height: 1.02;
    text-shadow: 0 2px 10px rgba(0,0,0,.22);
}
.clock-time {
    font-size: clamp(22px, 2vw, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.1;
    color: rgba(255,255,255,.94) !important;
}
.clock-date,
.clock-week {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,.78) !important;
}

/* ===== 5. 页脚区域（快捷链接 + 版权） ===== */
/* 快捷链接栏 —— 纯文本，无背景，位于版权上方 */
.logoa {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: fit-content;
    max-width: 90%;
    margin: 0 auto 12px !important;   /* 底部留小间距，与版权靠近 */
    padding: 5px 0;
    background: transparent;
    border: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

.logoa a {
    color: rgba(255, 255, 255, 0.55) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.logoa a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* 竖线分隔符 */
.logoa a:not(:last-child)::after {
    content: "|";
    margin-left: 20px;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300;
    pointer-events: none;
}

/* 版权信息 —— 固定在底部，极简不显眼 */
.flex.justify-center.text-slate-300[style*="margin-top:100px"] {
    margin-top: 0 !important;               /* 清除原始大间距 */
    margin-bottom: 16px !important;         /* 底部留白，不贴边 */
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.35) !important;  /* 更淡，真正低调 */
    font-size: 11px !important;
    font-weight: 300;
    letter-spacing: 0.3px;
    width: 100%;
    text-align: center;
}

.flex.justify-center.text-slate-300[style*="margin-top:100px"] a {
    color: rgba(255, 255, 255, 0.45) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.flex.justify-center.text-slate-300[style*="margin-top:100px"] a:hover {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* ===== 6. 搜索框 ===== */
.search-box .search-container {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    box-shadow: 0 10px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
    min-height: 50px;
    padding-left: 8px;
    padding-right: 8px;
    transition: all .28s var(--ease);
}
.search-box .search-container:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.search-box input {
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: .1px;
    color: var(--text-main) !important;
}
.search-box input::placeholder {
    font-size: 14px !important;
    color: rgba(255,255,255,.50) !important;
}
.search-box .search-box-btn-search,
.search-box .search-box-btn-engine {
    color: rgba(255,255,255,.82) !important;
}

/* ===== 7. 分组标题 ===== */
.item-card-group-title-box {
    position: relative;
    z-index: 2;
}
.item-card-group-title-title,
.group-title.text-shadow,
.system-monitor-header .text-shadow {
    font-size: var(--title-size) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .2px;
    color: rgba(255,255,255,.96) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
}

/* ===== 8. 网格间距 ===== */
.item-card-container {
    --grid-gap-x: 14px !important;
    --grid-gap-y: 14px !important;
}
.item-card-container.px-5 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* ===== 9. 毛玻璃卡片通用样式 ===== */
.item-card-content,
.item-card-small-icon,
.item-card-info,
.icon-info-box .rounded-2xl,
.float-btn {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: var(--radius-card) !important;
    backdrop-filter: blur(14px) saturate(145%);
    -webkit-backdrop-filter: blur(14px) saturate(145%);
    box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
    overflow: hidden !important;
}

/* 动效 */
.item-card-box,
.item-card-container,
.widget {
    transition: transform .28s var(--ease), filter .28s var(--ease);
}
.item-card-box:hover,
.item-card-container:hover,
.widget:hover {
    transform: translateY(-2px) !important;
}
.item-card-box:hover .item-card-content,
.item-card-container:hover .item-card-content,
.widget:hover {
    box-shadow: 0 12px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* 动效增加轻微 scale，模拟按下浮起 */
.item-card-box:hover,
.item-card-container:hover,
.widget:hover {
    transform: translateY(-3px) scale(1.01) !important;
}

/* 搜索框 hover 更轻柔 */
.search-box .search-container:hover {
    transform: translateY(-1px) scale(1.005);
    box-shadow: 0 18px 32px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}



/* ===== 10. 横向卡片（左图右文） ===== */
.item-card-content {
    padding: 8px 10px !important;
    min-height: 72px !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}
.w-full.h-full.overflow-hidden.flex.rounded-2xl.pr-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    border-radius: 16px !important;
    gap: 8px !important;
    align-items: center !important;
}

/* 图标槽位 */
.app-icon .aspect-square.h-full.flex.items-center.justify-center {
    width: var(--app-icon-slot) !important;
    min-width: var(--app-icon-slot) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 图标外观（单层，无叠层，无遮罩） */
.app-icon .item-icon,
.app-icon .item-icon .n-avatar,
.app-icon .n-image {
    width: var(--app-icon-size) !important;
    height: var(--app-icon-size) !important;
    min-width: var(--app-icon-size) !important;
    max-width: var(--app-icon-size) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* 内层图片透明化 */
.app-icon .item-icon > div,
.app-icon .n-image > div,
.app-icon .item-icon img,
.app-icon .item-icon svg,
.app-icon .n-image img,
.app-icon .n-image svg {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.app-icon svg { display: block !important; }

/* 图标 hover 微动 */
.item-card-box:hover .item-icon img,
.item-card-container:hover .item-icon img,
.item-card-box:hover .item-icon svg,
.item-card-container:hover .item-icon svg {
    transform: scale(1.05);
}

/* 文字区域 */
.app-icon .flex.items-start.justify-center.flex-col.flex-1.min-w-0.overflow-hidden {
    padding-left: 6px !important;
    gap: 2px !important;
    overflow: hidden !important;
}
.app-icon .font-semibold,
.app-icon .n-ellipsis .font-semibold {
    font-size: var(--app-name-size) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--text-main) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.app-icon .text-xs {
    font-size: var(--app-desc-size) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: var(--text-sub) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===== 12. 纯图标卡片（无标题，居中，带红点） ===== */
.app-icon-small-icon {
    width: 70px !important;
    height: 70px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    backdrop-filter: blur(14px) saturate(145%);
    -webkit-backdrop-filter: blur(14px) saturate(145%);
    box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    box-sizing: border-box !important;
}
.app-icon-small-icon .item-icon {
    width: var(--pure-icon-size) !important;
    height: var(--pure-icon-size) !important;
    min-width: var(--pure-icon-size) !important;
    max-width: var(--pure-icon-size) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}
.app-icon-small-icon .item-icon img,
.app-icon-small-icon .item-icon svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    padding: 0 !important;
}
/* 红点修正 */
.app-icon-small-icon .dot {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(255,255,255,.8) !important;
    transform: none !important;
    z-index: 2 !important;
}

/* ===== 13. 系统状态组件特殊处理 ===== */
.system-monitor div.item-card-small-icon,
.system-monitor .item-card-container .item-card-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    height: auto !important;
    min-height: 85px !important;
    padding: 10px 12px !important;
}
.system-monitor .item-card-small-title {
    text-align: left !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
    color: rgba(255,255,255,.9) !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: visible !important;
}
.system-monitor .w-full { width: 100% !important; }
.system-monitor .icon-small-box,
.system-monitor .item-icon { display: none !important; }

/* ===== 14. 通知小圆点微调 ===== */
div.dot:not(.app-icon-small-icon .dot) {
    transform: scale(.85);
    transform-origin: top right;
}

/* ===== 16. 动画减弱 ===== */
.search-box .search-container,
.logoa { animation: none !important; }


/* ===== 18. 降低动态偏好 ===== */
@media (prefers-reduced-motion: reduce) {
    .sun-main::before,
    .search-box .search-container,
    .logoa { animation: none !important; }
    .item-card-box,
    .item-card-container,
    .widget,
    .item-icon img,
    .item-icon svg { transition: none !important; }
}






/* ========================================
   TOC 侧边栏 iOS 毛玻璃美化
   ======================================== */

/* ----- 1. 基础侧边栏容器 ----- */
#sun-panel-toc-dom #toc-sidebar {
	background: rgba(20, 20, 30, 0.45) !important;
	backdrop-filter: blur(25px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(25px) saturate(180%) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
	box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15) !important;
	transition: width 0.35s cubic-bezier(0.23, 1, 0.32, 1),
				background-color 0.3s ease !important;
}

/* 展开状态背景加深（增强层次感） */
#sun-panel-toc-dom .toc-sidebar-expansion {
	background: rgba(30, 30, 40, 0.65) !important;
	box-shadow: 4px 0 30px rgba(0, 0, 0, 0.25) !important;
}

/* 收起状态：隐藏白色指示条 */
#sun-panel-toc-dom #toc-sidebar:not(.toc-sidebar-expansion) .title-bar-slip {
	opacity: 0 !important;
	width: 0 !important;
	margin-right: 0 !important;
	transition: opacity 0.2s, width 0.2s, margin-right 0.2s !important;
}


/* 展开状态：显示指示条 */
#sun-panel-toc-dom #toc-sidebar.toc-sidebar-expansion .title-bar-slip {
	opacity: 1 !important;
	width: 18px !important;
	margin-right: 12px !important;
}

/* 收起时彻底隐形（背景/边框/阴影全部透明）*/
#sun-panel-toc-dom #toc-sidebar:not(.toc-sidebar-expansion) {
	background: transparent !important;
	backdrop-filter: none !important;          /* 关键：去掉高斯模糊 */
	-webkit-backdrop-filter: none !important;  /* Safari 兼容 */
	border-right-color: transparent !important;
	box-shadow: none !important;
	/* 保留极窄的透明感应区，确保鼠标能触发展开 */
	width: 50px !important;           /* 收起时宽度仅 50px，足够 hover */
	padding-left: 10px !important;    /* 留一点内边距让鼠标更容易触及 */
}

/* ----- 2. 目录条目容器 ----- */
#sun-panel-toc-dom .title-bar-box {
	padding: 4px 12px;
	margin: 2px 0;
	border-radius: 12px;
	transition: background 0.2s ease;
	cursor: pointer;
}

#sun-panel-toc-dom .title-bar-box:hover {
	background: rgba(255, 255, 255, 0.08);
}

/* ----- 3. 白色指示条（滑块） ----- */
#sun-panel-toc-dom .title-bar-slip {
	width: 18px !important;
	height: 5px !important;
	background: rgba(255, 255, 255, 0.7) !important;
	border-radius: 3px !important;
	margin: 12px 0 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
	transition: width 0.25s cubic-bezier(0.23, 1, 0.32, 1),
				background 0.2s ease !important;
}

/* 展开后滑块变亮 */
#sun-panel-toc-dom .toc-sidebar-expansion .title-bar-slip {
	background: rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* 当前条目的滑块更宽更亮（需要额外类支持，仅作示意） */
#sun-panel-toc-dom .title-bar-box.active .title-bar-slip {
	width: 26px !important;
	background: #fff !important;
}

/* ----- 4. 文字标题 ----- */
#sun-panel-toc-dom .title-bar-title {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, 0.85) !important;
	letter-spacing: 0.3px !important;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
	opacity: 0;
	transform: translateX(-6px);
	transition: opacity 0.25s ease,
				transform 0.25s cubic-bezier(0.23, 1, 0.32, 1),
				margin-left 0.25s ease !important;
	margin-left: 0 !important;
}

/* 展开后文字出现 */
#sun-panel-toc-dom .toc-sidebar-expansion .title-bar-title {
	opacity: 1 !important;
	transform: translateX(0) !important;
	margin-left: 10px !important;
}

/* 条目悬停时标题微微放大 */
#sun-panel-toc-dom .title-bar-box:hover .title-bar-title {
	font-size: 15px !important;
	color: #fff !important;
}

/* ----- 5. 移动端触发按钮美化 ----- */
#sun-panel-toc-dom #toc-mobile-btn {
	background: rgba(255, 255, 255, 0.12) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 30px !important;
	width: 46px !important;
	height: 46px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
	color: rgba(255, 255, 255, 0.9) !important;
	transition: all 0.3s ease !important;
}

#sun-panel-toc-dom #toc-mobile-btn:hover {
	background: rgba(255, 255, 255, 0.2) !important;
	transform: scale(1.05) !important;
}

/* ========================================
   浮动工具栏：默认隐藏，鼠标悬停显示（触屏设备始终显示）
   ======================================== */

/* 触控设备（手机/平板）保持原有显示 */
@media (hover: none) and (pointer: coarse) {
	.fixed-element {
		opacity: 1 !important;
		pointer-events: auto !important;
	}
}

/* 键鼠设备：默认透明隐藏，鼠标经过时浮现 */
@media (hover: hover) and (pointer: fine) {
	.fixed-element {
		opacity: 0;
		transition: opacity 0.25s ease;
	}
	.fixed-element:hover {
		opacity: 1;
	}
}


/* Sun-Panel-Helper CSS Start: fixed-widgets */
/* ====================== Widget组件样式 开始 ====================== */
/* ========================================
   Widget 组件样式 —— 大圆角 / 尺寸可控 / 透明无框
   ======================================== */
/* Widget 行容器 */
.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 20px;                           /* 间距稍大，配大圆角更呼吸 */
    width: 100%;
    margin: 20px 0;
    padding: 0 12px;
    box-sizing: border-box;
}

/* 单个 Widget 卡片 */
.widget {
    flex: 0 1 auto;
    min-width: 120px;
    max-width: 100%;
    
    /* ===== 尺寸控制（根据需要二选一）===== */
    /* 方案①：固定宽度（推荐，所有卡片等宽） */
    width: 400px;                        /* 👈 修改这个值即可整体变大变小 */
								/*height: 300px; 👈 修改这个值即可整体高度 */
    /* 方案②：按比例自适应（保持宽高比） */
    /* aspect-ratio: 16 / 9; */         /* 若用比例，注释掉 width 即可 */
    
    border-radius: 28px !important;      /* 统一大圆角，苹果风更足 */
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    overflow: hidden !important;         /* 强制裁剪，保证圆角生效 */
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: none !important;
}

/* 强制 iframe 填满并继承圆角 */
.widget iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 200px;                   /* 保证不会太矮 */
    border: none !important;
    background: transparent !important;
    border-radius: inherit !important;   /* 继承父容器圆角 */
    outline: none !important;
    box-shadow: none !important;
}

/* 移除所有状态样式 */
.widget,
.widget:focus,
.widget:focus-visible,
.widget:focus-within,
.widget:hover,
.widget:active,
.widget iframe:focus,
.widget iframe:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 清除伪元素 */
.widget::before,
.widget::after,
.widget:hover::before,
.widget:hover::after {
    display: none !important;
    content: none !important;
}

/* 换行控制器 */
.widget-break {
    flex-basis: 100%;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .row {
        gap: 16px;
        margin: 16px 0;
        padding: 0 8px;
    }

    .widget {
        display: none;
        width: 260px;                     /* 移动端稍窄一点 */
        border-radius: 24px !important;
        min-width: 100px;
    }

    .widget.show-on-mobile {
        display: block;
    }
}
/* ====================== Widget组件样式 结束 ====================== */
/* Sun-Panel-Helper CSS End: fixed-widgets */