/* 桌面默认背景改成跟随主题 */
         .view-home { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--c-bg); display: flex; flex-direction: column; padding: 40px 20px calc(var(--safe-bottom) + 10px); z-index: 1; transition: background 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
         .desktop-content { flex: 1; position: relative; }
         .drag-save-bar { position: absolute; top: env(safe-area-inset-top); left: 50%; transform: translateX(-50%); z-index: 100; background: rgba(28,28,30,0.85); color: white; padding: 10px 24px; border-radius: 100px; font-size: 13px; font-weight: 600; display: none; align-items: center; gap: 15px; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: 0 10px 30px rgba(0,0,0,0.15); transition: 0.2s;}
         .drag-save-bar div { cursor: pointer; transition: 0.2s; padding: 5px; } .drag-save-bar div:active { opacity: 0.6; transform: scale(0.95); }
         /* 狠招：覆盖 HTML 里的行内样式，强制锁死外层包裹框高度 */
         #widget-wrapper {
         height: 250px !important;
         min-height: 250px !important;
         max-height: 250px !important;
         margin-top: calc(var(--safe-top) + 10px) !important;
         }
         /* 桌面组件改为赛博朋克锐利尖角 */
         .home-widget { 
         height: 250px !important; /* 彻底废除百分比，焊死高度 */
         min-height: 250px !important; 
         max-height: 250px !important; 
         position: relative; overflow: hidden; border-radius: 0px; 
         border: 0.5px solid rgba(255,255,255,0.4); display: flex; 
         box-shadow: 0 16px 40px rgba(0,0,0,0.06); cursor: pointer; 
         transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); 
         margin-top: 0 !important; /* 外层已经给了margin，内部归零 */
         background: rgba(255,255,255,0.65); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); 
         }
         .home-widget:active { transform: scale(0.96); }
         .widget-img-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .widget-img-bg img { width: 100%; height: 100%; object-fit: cover; }
         .widget-content-wrap { position: relative; z-index: 2; width: 100%; height: 100%; display: flex; padding: 24px; }
         .widget-left { width: 50%; display: flex; flex-direction: column; justify-content: flex-start; padding-right: 15px; padding-top: 25px; }
         .widget-name { font-size: 28px; font-weight: 800; color: var(--c-black); margin-bottom: 8px; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(255,255,255,0.8); }
         .widget-sign { font-size: 13px; color: rgba(28,28,30,0.8); white-space: pre-wrap; line-height: 1.5; font-weight: 500; }
         .widget-blocks { position: relative; flex: 1; margin-top: 25px; }
         .w-block { position: absolute; padding: 6px 12px 6px 16px; font-size: 11px; font-weight: 700; color: var(--c-black); background: rgba(255,255,255,0.9); backdrop-filter: blur(15px); border: none; border-radius: 0; clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%); box-shadow: 0 8px 20px rgba(0,0,0,0.06); animation: floatBlock 4s infinite ease-in-out alternate; letter-spacing: 0.5px;}
         .b1 { top: 0; left: 0; animation-delay: 0s; } .b2 { top: 50px; left: 60px; animation-delay: 1.2s; } .b3 { top: 95px; left: 5px; animation-delay: 2.5s; }
         @keyframes floatBlock { 0% { transform: translateY(0) rotate(-1deg); } 100% { transform: translateY(-8px) rotate(1deg); } }
         .widget-right { width: 50%; height: 100%; border-radius: 0px; background: rgba(255,255,255,0.4); border: 0.5px solid rgba(255,255,255,0.6); display: flex; justify-content: center; align-items: center; overflow: hidden; box-shadow: inset 0 2px 10px rgba(0,0,0,0.03); }
         /* 拍立得专属高级形态 CSS (双层Q弹) */
         .home-widget.is-polaroid { width: 100% !important; height: 100% !important; background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; overflow: visible !important; justify-content: center; align-items: center; pointer-events: auto; }
         .home-widget.is-polaroid .widget-img-bg, .home-widget.is-polaroid .widget-content-wrap { display: none !important; }
         .polaroid-wrapper { position: relative; width: 210px; height: 260px; display: none; pointer-events: auto; }
         .home-widget.is-polaroid .polaroid-wrapper { display: block; }
         .polaroid-card {
         position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; padding: 12px;
         box-shadow: 0 15px 40px rgba(0,0,0,0.18); border-radius: 4px; border: 1px solid rgba(0,0,0,0.06);
         transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: pointer; display: flex; flex-direction: column;
         }
         .p-img-box { flex: 1; background: var(--c-gray-light); width: 100%; border-radius: 2px; overflow: hidden; box-shadow: inset 0 2px 8px rgba(0,0,0,0.06); }
         .p-img-box img { width: 100%; height: 100%; object-fit: cover; }
         .p-sign { height: 45px; display: flex; justify-content: center; align-items: center; font-family: "Cursive", "手写体", sans-serif; font-size: 16px; font-weight: 800; color: #1c1c1e; }
         .p-card-1 { z-index: 2; transform: rotate(-3deg) translateY(0) scale(1); }
         .p-card-2 { z-index: 1; transform: rotate(12deg) translate(28px, -18px) scale(0.9); opacity: 0.85; filter: brightness(0.9); }
         .polaroid-wrapper.swapped .p-card-1 { z-index: 1; transform: rotate(-12deg) translate(-28px, -18px) scale(0.9); opacity: 0.85; filter: brightness(0.9); }
         .polaroid-wrapper.swapped .p-card-2 { z-index: 2; transform: rotate(3deg) translateY(0) scale(1); opacity: 1; filter: brightness(1); }
         /* 文件夹标签页 CSS */
         .folder-tabs-wrap { display: flex; margin-bottom: -1px; padding-left: 10px; }
         .folder-tab { padding: 12px 20px; font-size: 13px; font-weight: 700; color: var(--c-gray-dark); background: rgba(0,0,0,0.03); border-radius: 16px 16px 0 0; cursor: pointer; transition: 0.2s; border: 1px solid transparent; border-bottom: none; }
         .folder-tab.active { color: var(--c-black); background: #fff; border-color: rgba(0,0,0,0.08); z-index: 2; position: relative; box-shadow: 0 -4px 10px rgba(0,0,0,0.02); }
         .folder-content { background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 16px; padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
         /* 狠招：图标网格不再按百分比浮动，强制从顶部刘海 + 组件高度 往下 20px 开始排布！绝不重叠！ */
         #desktop-grid { 
         position: absolute; 
         top: calc(var(--safe-top) + 280px) !important; 
         left: 0; 
         width: 100%; 
         height: calc(100% - var(--safe-top) - 280px - 100px); /* 100px 留给底部的 Dock 栏 */
         }
         /* 拖拽对齐修复：锁定宽度为70px，强制内容居中，彻底消除长标题导致的偏移 */
         .draggable-app { position: absolute; display: flex; flex-direction: column; align-items: center; cursor: pointer; user-select: none; transition: transform 0.2s; z-index: 10; width: 70px; }
         .draggable-app:active .app-icon { transform: scale(0.92); }
         /* 图标重构：精巧比例 */
         .app-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; justify-content: center; align-items: center; background: rgba(255,255,255,0.95); color: var(--c-black); box-shadow: 0 10px 25px rgba(0,0,0,0.06); transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); border: 0.5px solid rgba(255,255,255,0.8); overflow: hidden; backdrop-filter: blur(15px); padding: 12px; }
         .app-icon.dark { background: var(--c-black); color: var(--c-white); border: none; }
         /* 桌面图标文字：基础样式 */
.app-label { color: rgba(28,28,30,0.85); font-size: 12px; margin-top: 8px; font-weight: 700; text-shadow: 0 1px 4px rgba(255,255,255,0.8); white-space: nowrap; width: 100%; text-align: center; transition: color 0.5s ease, text-shadow 0.5s ease; }
/* 当检测到深色背景时自动切换的样式 */
.view-home.dark-wallpaper .app-label { color: #FFFFFF !important; text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important; }
.view-home.dark-wallpaper .dot { background: rgba(255,255,255,0.3); }
.view-home.dark-wallpaper .dot.active { background: #FFFFFF; }
         .dock-wrap { position: absolute; bottom: 15px; width: 100%; }
         .dock { background: rgba(255,255,255,0.75); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 32px; padding: 18px 12px; display: flex; justify-content: space-around; box-shadow: 0 15px 40px rgba(0,0,0,0.08); border: 0.5px solid rgba(255,255,255,0.6); }
         .dock .app-icon { padding: 10px; width: 56px; height: 56px; border-radius: 16px;}
         .home-indicator-area { position: absolute; bottom: 0; left: 0; right: 0; height: max(var(--safe-bottom), 20px); z-index: 5; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 6px; cursor: pointer; }
         .home-indicator { width: 135px; height: 5px; background: var(--c-black); border-radius: 100px; opacity: 0.8; transition: opacity 0.2s; }
         .home-indicator-area:active .home-indicator { opacity: 0.4; }
      /* ================= 融合新增：横向滑动双页系统 ================= */
      .home-swiper {
      width: 100%; height: 100%; display: flex; overflow-x: auto; overflow-y: hidden;
      scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch; scroll-behavior: smooth;
      }
      .home-swiper::-webkit-scrollbar { display: none; }
      .home-page { min-width: 100%; height: 100%; display: flex; flex-direction: column; scroll-snap-align: start; position: relative; }
      .page-dots { position: absolute; bottom: calc(var(--safe-bottom) + 90px); left: 0; width: 100%; display: flex; justify-content: center; gap: 8px; z-index: 10; pointer-events: none;}
      .dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(0,0,0,0.15); transition: 0.3s; }
      .dot.active { background: var(--c-black); transform: scale(1.2); }
/* 当用户上传了自定义图标后，清除所有默认背景，支持透明底PNG */
.app-icon.has-img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.app-icon.has-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.dock .app-icon.has-img,
.app-wrapper .app-icon.has-img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}