/* ========== With App  (悬浮碎片) ========== */
    .with-icon-box {
        width: 56px; 
        height: 56px;
        background: transparent; 
        border-radius: 18px;
        position: relative;
        overflow: visible; 
        transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); 
    }
    
    .os-app-item:active .with-icon-box {
        transform: scale(0.9);
    }

    .with-shard {
        position: absolute;
        background: #FFFFFF;
        box-shadow: 
          0 2px 4px rgba(55, 71, 79, 0.05),
          0 6px 12px rgba(55, 71, 79, 0.08),
          0 12px 24px rgba(55, 71, 79, 0.02);
    }
    
    .with-shard-1 {
        width: 32px; height: 42px; 
        transform: rotate(-12deg); 
        top: 6px; left: 8px;       
        border-radius: 3px;
        z-index: 1;
    }
    
    .with-shard-2 {
        width: 32px; height: 42px; 
        transform: rotate(8deg);
        top: 8px; left: 16px;    
        border-radius: 3px;
        background: rgba(255,255,255,0.85); 
        
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        z-index: 2;
        border: 1px solid rgba(255,255,255,0.6);
    }